묻고답하기
이게 괜찮은 소스인지...div에 칸 전체에 링크걸기
2014.06.27 22:52
안녕하세요 저는 아무것도 모르고 css만 변경하여 홈페이지를 만들고 있는 초보 입니다
화면 최 상위 메인 타이틀 div 칸 전체에 링크를 걸고 싶어 아래와 같이 상상력을 동원해 보니 작동을 정상적으로 하더라구요
<a href="http://localhost/xe">
<div class="main_title">
</div>
</a>
위와 같은 코드가 말이 되는건가요? 저렇게 사용해도 문제없는지.. 궁금합니다 작동은 의도대로 됩니다 ㅠ
암것도 모르는 초보라 질문이 바보같네요 감사합니다
댓글 7
-
광개토대왕3
2014.06.28 00:32
-
웃는기차
2014.06.28 02:37
<div>는 블록레벨이고 <a>는 인라인레벨이므로 인라인은 블록을 깜쌀 수 없습니다.
<div></div> 전체에 링크를 거실려면
<div class="bbb">내용..블라블라<a href="이동할 주소" class="aaa text_hide">텍스트</a></div>
.bbb {position:relative}
.aaa {display:block; height:100%, width:100%, position:absolut; top:0; left:0}
.text_hide {font:0/0 a; color:transparent; text-show; none; background-color:transparent; border:0}
이런식으로 처리해주심 됩니다.
---------------------------------수정----------------------------------
댓글 달아놓으신걸로 찾아보니
html5에선 <a>가 flow 컨텐츠 (div,p,ul..........등등등등) 를 품을 수 있게되었네요.
그렇다고 인라인요소가 블럭요소를 품을 수 있게 된건 아니네요.
http://dev.w3.org/html5/spec-preview/the-a-element.html
-
XEMANIA
2014.06.28 12:19
html5에서는 a태그안에 블럭요소가 들어옴을 허용합니다.
-
혹시 이 부분 정리해둔 링크 볼수 있을까요??
요즘 긴가민가해서 다시 찾아봤는데 아직 html5에서 인라인 안에 블럭요소가 들어갈수 없다는 글만 노출됩니다.
꽤 중요한 정보인거 같아서.... 학습용으로 봐둬야 할 정보 같아서 부탁드립니다.
-
XEMANIA
2014.06.28 14:34
http://html5doctor.com/block-level-links-in-html-5/
-
감사합니다.
단비같은 소식이네요.
-
혹은 a요소에 블럭지정을 해주세요
해당 하이퍼링크는 문제없는 부분입니다.