이미지에 링크 여러개 걸기 - <map>, <area> 태그, usemap 속성
이미지에 링크 여러개 걸기 - , 태그, usemap 속성 활용 보통은 태그를 태그로 둘러싸는 방법으로 이미지 하나에 링크 하나 설정한다. 이미지 하나 당 링크 하나가 되는 것이다. 커다란 이미지 내에 각 요소 별로 링크를 걸 수는 없을까? 있다. 가능하다. , 태그와 태그의 usemap 속성을 사용하면 된다. 마케팅용 이메일 작성 시 기다란 통으로된 이미지를 사용하곤 한다. 이때 유용하게 활용할 수 있다. 예를 들어, 위에 사진에서 붉은색 동그라미 영역을 클릭하면 광동 옥수수 수염차 설명페이지로 이동하고, 보라색 동그라미 영역을 클릭하면 스타벅스 홈페이지로 이동한다. (※ 위에 사진은 모바일에서 제대로 작동하지 않는다. 모바일에서도 태그를 사용하려면 자바스크립트로 보완해야 한다.) 이미지에 링크 여러개..
웹개발/HTML5
2017. 4. 17. 07:00