<지도>


HTML <map> 태그

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>点击太阳或其他行星，注意变化：</p>

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

브라우저 지원

1000.png

가장 많이 본 지금까지 브라우저는 <map> 태그를 지원합니다.

태그 정의 및 사용 지침

<map> 태그는 클라이언트 측 이미지 매핑에 사용됩니다. 이미지 맵은 클릭 가능한 영역이 있는 이미지입니다.

<img>의 usemap 속성은 <map>의 id 또는 name 속성을 참조할 수 있으므로(브라우저에 따라) id와 name 속성을 모두 <map>에 추가해야 합니다.

지역 요소는 항상 지도 요소 안에 중첩됩니다. 영역 요소는 이미지 맵의 영역을 정의합니다.

HTML 4.01과 HTML5의 차이점

참고: HTML5에서 id 속성이 <map> 태그에 지정된 경우 name 속성도 지정해야 합니다.

HTML과 XHTML의 차이점

XHTML에서는 name 속성이 더 이상 사용되지 않습니다. 이를 대체하려면 id 속성을 사용하세요.

property

propertyvaluedescription
namemapname필수입니다. 이미지 맵에 지정된 이름입니다.

전역 속성

<map> 태그는 전역 속성을 지원합니다. 전체 속성 테이블 HTML 전역 속성을 확인하세요.

이벤트 속성

<map> 태그는 모든 HTML 이벤트 속성을 지원합니다.