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로 이동가능합니다.