HTML이미지지도


통사론

  • <img usemap="#[map-name]">
  • <map name="[map-name]"></map>
  • <area>

매개 변수

태그 / 속성
<img> 다음은 <img> 에서 사용할 이미지 맵 특정 속성입니다. 일반 <img> 속성이 적용됩니다.
usemap 해시 기호가 앞에 name 맵의 name 입니다. 예를 들어, name="map"name="map" 경우, 이미지에는 usemap="#map" 이 있어야합니다.
<map>
name 지도를 식별하는지도의 이름입니다. 이미지의 usemap 속성과 함께 사용됩니다.
<area> 다음은 <area> 특정 속성입니다. 때 href 지정되면, 만들기 <area> 링크, <area> 또한 앵커 태그 (의 속성을 모두 지원 <a> 제외) ping . MDN 문서를 참조하십시오.
alt 이미지가 지원되지 않는 경우 표시 할 대체 텍스트입니다. href<area> 에도 설정되어있는 경우에만 필요합니다.
coords 선택 가능한 영역을 설명하는 좌표입니다. shape="polygon" 일 경우 쉼표로 구분 된 "x, y"쌍 목록으로 설정해야합니다 (즉, shape="polygon" coords="x1, y1, x2, y2, x3, y3, ..." ). shape="rectangle" 일 때, left, top, right, bottom 으로 설정해야합니다. shape="circle" 경우 centerX, centerY, radius 로 설정해야합니다.
href 지정된 경우 하이퍼 링크의 URL입니다. 이것이 생략되면, <area> 는 하이퍼 링크를 나타내지 않을 것이다.
shape <area> 의 모양. 하도록 설정할 수 있습니다 default 전체 이미지를 (더 선택 coords 필요한 속성 없음), circle 또는 circ 원, 대한 rectangle 또는 rect 구형 및 polygon 또는 poly 모서리 점에 의해 지정된 다각형 영역.

비고

  • 위 매개 변수 목록은 MDN 문서 <map><area> 됩니다.

  • GIMP와 같은 좌표를 보여주는 이미지 편집기를 사용하여 간단한 모양의 이미지 (위의 예와 같이)로 이미지 맵의 좌표를 만들 수 있습니다. 그러나, 같은 이미지 맵 생성기를 사용하기 일반적으로 쉬울 수 있습니다 이것 .

이미지지도 관련 예