DIV 영역 자체에 링크 거는 방법

DIV 영역 그 자체에 링크를 걸어서 DIV 영역을 클릭하면, 지정된 주소(URL)로 이동하도록 하려면 아래와 같이 스타일(style) 속성으로 지정해 주면 된다.

[DIV 영역 자체에 링크 걸기]

<div style=" cursor: pointer;" onclick="location.href='목적지 링크주소(URL)';">
내용........ 
</div>

[실제 예제]

<div style=" background-color: gold; padding:10px; width: 300px; height: auto; cursor: pointer;" onclick="location.href='http://moonhouse.co.kr';">
이 곳은 DIV 영역이며, 영역 자체에 링크를 걸었다. DIV 영역을 클릭하면 지정된 주소로 이동한다. 
</div>

p.s

1. 현재페이지에 부를때
onclick="location.href='목적지 링크주소(URL)'"

2. 새 창에 열때
onclick="window.open('목적지 링크주소(URL)')"
 

[활용방법]

- 모바일에서 제목부분만 Url을 주면 손가락으로 터치하기가 쉽지 않습니다.

그런 경우 위의 코드를 주면 글 전체 부분이 클릭되므로 편리합니다.

참고로 세부 Url도 작동을 합니다.

"Borad Html"부분을 세밀하게 터치하면 해당 Url로 이동가능합니다. 

평가 참여 :