-------------------------------------
DIV 영역내 링크를 걸어 DIV 영역을 클릭하면 지정된 주소(URL)로 이동하도록 하려면
실제 예제
<div style=" background-color: gold; padding:10px; width: 300px; height: auto; cursor: pointer;" onclick="location.href='http://biz79.com';">
이 곳은 DIV 영역이며, 영역 자체에 링크를 걸었다. DIV 영역을 클릭하면 지정된 주소로 이동한다.
</div>DIV 영역 자체에 링크 걸기
<div style=" cursor: pointer;" onclick="location.href='원하는목적지주소(URL)';">
내용........
</div>
이렇게 하면 div 영역내 어떠한 곳에서 클릭을 하더라도 목적지 주소로 이동한다.
또한
현재페이지에 부를때
onclick="location.href='biz79.com(URL)'"
새 창에 열때
onclick="window.open('biz79.com(URL)')"
[활용방법]
특별하게 모바일에서 제목부분만 Url을 주면 손가락으로 터치하기가 쉽지 않습니다.
그런 경우 위의 코드를 주면 글 전체 부분이 클릭되므로 편리합니다.
이 페이지 바로가기 QR코드
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다
댓글 0
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 2 | 유튜브 자막 추출 및 다운로드 하기 [1] | mynick | 2021.09.28 | 130 |
| » | HTML DIV 영역 자체에 링크 거는 방법 | mynick | 2021.09.18 | 796 |