예
의 사용 shape 와 coords 에 속성 <a> 이미지 맵을 만드는 요소 :
<object data="planets.gif" alt="Planets"
type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">The
Sun</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
<a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
»그것을 자신을 시도 정의 및 사용
<a> coords 속성은 HTML5에서 지원되지 않습니다.
coords 와 함께 사용되는 속성 shape 에 링크의 크기, 모양 및 위치를 지정하는 속성 <object> 또는 <img> 요소입니다.
왼쪽 상단의 좌표는 0,0입니다.
팁 : 모든 브라우저에서 작동하는 이미지 맵을 만들려면 사용 <area> 요소를!
브라우저 지원
| 속성 | |||||
|---|---|---|---|---|---|
| coords | 지원되지 않음 | 지원되지 않음 | 예 | 지원되지 않음 | 예 |
통사론
<a coords="value">
속성 값
| 값 | 기술 |
|---|---|
| x1,y1,x2,y2 | 경우 shape 속성으로 설정 "rect" , 그것은 왼쪽 상단의 좌표와 사각형의 오른쪽 하단 모서리를 지정합니다 |
| x,y,radius | 상기 중간 shape 특성으로 설정되어 "circle" ,이 원 중심으로부터 반경의 좌표를 지정 |
| x1,y1,x2,y2,..,xn,yn | 상기 중간 shape 특성으로 설정되어 "poly" , 상기 다각형의 모서리의 좌표를 지정한다. 첫번째와 마지막 좌표 쌍은 동일하지 않으면, 브라우저는 다각형을 종료 좌표 마지막 쌍을 추가해야 |