예
클릭 가능한 영역과 이미지 맵 :
<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>
»그것을 자신을 시도 정의 및 사용
coords 속성은 이미지 맵의 영역의 좌표를 지정한다.
coords 함께 사용되는 속성 shape 영역의 크기, 모양 및 위치를 지정하는 속성.
팁 : 영역의 왼쪽 상단의 좌표가 0,0입니다.
브라우저 지원
| 속성 | |||||
|---|---|---|---|---|---|
| coords | Yes | Yes | Yes | Yes | Yes |
HTML 4.01과 HTML5의 차이점
없음.
통사론
<area coords="value">
속성 값
| 값 | 기술 |
|---|---|
| x1,y1,x2,y2 | (의 사각형의 왼쪽, 위쪽, 오른쪽 하단 모서리의 좌표를 지정합니다 shape="rect" ) |
| x,y,radius | (위한 원호 중심 좌표와 반경을 지정 shape="circle" ) |
| x1,y1,x2,y2,..,xn,yn | 다각형의 모서리의 좌표를 지정한다. 첫번째와 마지막 쌍 좌표가 동일하지 않으면, 브라우저는 다각형을 종료 좌표 마지막 쌍을 추가한다 (위한 shape="poly" ) |