예
클릭 가능한 영역과 이미지 맵 :
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
»그것을 자신을 시도 정의 및 사용
<map> 태그는 클라이언트 측 이미지 맵을 정의하기 위해 사용된다. 이미지 맵은 클릭 가능한 영역이있는 이미지입니다.
의 필요한 이름 속성 <map> 요소는와 관련된 <img>'s usemap 속성과 이미지와지도 사이의 관계를 만듭니다.
<map> 요소가 다수 포함 <area> 이미지 맵의 클릭 가능한 영역을 정의하는 요소를.
브라우저 지원
| 요소 | |||||
|---|---|---|---|---|---|
| <map> | 예 | 예 | 예 | 예 | 예 |
HTML 4.01과 HTML5의 차이점
참고 : 경우 HTML5에서, id 의 속성 <map> 태그도 지정되어, 그것은 같은 값이 있어야합니다 name 속성을.
HTML 및 XHTML의 차이점
XHTML에서 name 속성이 사용되지 않으며 제거됩니다. 사용 글로벌 id 속성을 대신 사용하십시오.
속성
| 속성 | 값 | 기술 |
|---|---|---|
| name | mapname | 필요합니다. 이미지 맵의 이름을 지정 |
글로벌 속성
<map> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<map> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML DOM 참조 : 지도 개체
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <map> 에는 다음과 같은 기본 값으로 요소를 :
map {
display: inline;
}