HTML <img> usemap 속성

❮ HTML <img> 태그

예시

클릭 가능한 영역이 있는 이미지 맵:

<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
  <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>

정의 및 사용

속성 은 usemap이미지를 클라이언트 측 이미지 맵으로 지정합니다(이미지 맵은 클릭 가능한 영역이 있는 이미지임).

usemap속성은 요소의 이름 속성과 연결되며 와 <map> 관계를 생성 <img>합니다 <map>.

참고: 요소가 또는 요소 하위 항목인 usemap경우 속성을 사용할 수 없습니다 . <img><a> <button>


브라우저 지원

Attribute
usemap Yes Yes Yes Yes Yes

통사론

<img usemap="#mapname">

속성 값

Value Description
#mapname A hash character ("#") plus the name of the <map> element to use

❮ HTML <img> 태그