HTML 지역의 좌표는 속성
예
클릭 가능한 이미지 맵 영역 :
<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>
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>
»시도
브라우저 지원
모든 주요 브라우저는 좌표 속성을 지원합니다.
정의 및 사용
X 좌표 속성은 지역 및 y 좌표를 지정합니다.
속성은 좌표 형상 영역의 크기, 형상 및 위치를 지정하기 위해 함께 사용될 속성.
팁 : 화상의 상부 좌측 코너 좌표 "0,0"이다.
HTML 4.01과 HTML5의 차이점
없음.
문법
<area coords="value">
속성 값
값 | 기술 |
---|---|
X1, Y1, X2, Y2 | 형상 특성은 "RECT"사각형 지정된 좌표의 상부 좌측 코너와 우측 하단의 다음 값으로 설정되는 경우. |
X, Y, 반경 | 형상 특성이 "CIRC"로 설정되어 있으면, 중앙의 소정의 값은 좌표와 반경. |
X1, Y1, X2, Y2,..., XN, YN | 형상 특성은 "폴리"각 다각형 에지들의 지정된 좌표의 다음 값으로 설정되는 경우. 제 좌표 마지막 좌표가 일치하지 않는 경우, 다각형을 닫기 위해, 브라우저는 좌표의 마지막 쌍을 추가한다. |