<img> 태그의 usemap 속성
HTML <img> 태그 ⇒
정의 및 특징
<img> 태그의 usemap 속성은 클라이언트 사이드 이미지 맵(client-side image-map)으로 이미지를 명시합니다.
usemap 속성은 <map> 요소의 name 속성과 결합하여, <img> 요소와 <map> 요소 사이의 관계를 생성합니다.
만약 해당 <img> 요소가 <a>요소나 <button> 요소의 자손 요소(descendant element)이면 usemap 속성은 사용할 수 없습니다.
문법
|
<img usemap="#맵이름"> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
#맵이름 |
해시 문자(#)와 함께 사용할 <map> 요소의 name 속성값을 명시함. |
예제
<img src="/examples/images/img_imagemap.jpg" alt="진실 혹은 거짓" usemap="#vending" style="width:320px; height:240px" />
<map name="vending">
<area shape="poly" coords="50,150,230,120,230,180,50,210" alt="진실"
href="https://ko.wikipedia.org/wiki/%EC%A7%84%EC%8B%A4">
<area shape="circle" coords="140,100,40" alt="거짓" href="https://ko.wikipedia.org/wiki/%EA%B1%B0%EC%A7%93%EB%A7%90">
</map>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| usemap | 지원함 | 지원함 | 지원함 | 지원함 | 지원함 | 지원함 |
