HTML <A> 좌표는 속성
예
다음의 예는, 이미지 맵을 생성하는 형상과 특성 좌표 <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">太阳</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">水星</a>
<a href="venus.htm" shape="circle" coords="124,58,8">金星</a>
</map>
</object>
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">太阳</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">水星</a>
<a href="venus.htm" shape="circle" coords="124,58,8">金星</a>
</map>
</object>
»시도
브라우저 지원
현재, 단지 파이어 폭스와 오페라 브라우저는 좌표 속성을 지원합니다.
정의 및 사용
HTML5는 더 이상 좌표가 <A> 태그 속성 지원되지 않습니다.
좌표는 보통과 관련된 속성 모양 , 함께 속성을 사용하여 두 개의 속성을 지정할 수 있습니다 <개체> 또는 <IMG> 요소는 크기, 모양 및 위치를 연결합니다.
상부 좌측 코너의 좌표 0,0이다.
팁 : 모든 브라우저에서 실행할 수있는 이미지 맵을 만들려면 사용 <지역> 요소를.
문법
<a coords="value">
속성 값
값 | 기술 |
---|---|
X1, Y1, X2, Y2 | 형상 특성은 "RECT"사각형 지정된 좌표의 상부 좌측 코너와 우측 하단의 다음 값으로 설정되는 경우. |
X, Y, 반경 | 형상 특성이 "CIRC"로 설정되어 있으면, 중앙의 소정의 값은 좌표와 반경. |
X1, Y1, X2, Y2,..., XN, YN | 형상 특성은 "폴리"각 다각형 에지들의 지정된 좌표의 다음 값으로 설정되는 경우. 제 좌표 마지막 좌표가 일치하지 않는 경우, 다각형을 닫기 위해, 브라우저는 좌표의 마지막 쌍을 추가한다. |