<area>

<area>태그는 이미지 맵 (이미지 맵 클릭 가능한 영역을 갖는 화상이다) 내부의 영역을 정의한다.

속성

•  

x1,y1,x2,y2	사각형의 왼쪽 위 모서리(top-left corner)와 오른쪽 아래 모서리(bottom-right corner)의 좌표를 명시함. (단, shape 속성값이 “rect”인 경우에만 사용할 수 있음)
x,y,반지름	원의 중심점 좌표와 반지름을 명시함. (단, shape 속성값이 “circle”인 경우에만 사용할 수 있음)
x1,y1,x2,y2,...,xn,yn	다각형의 각 모서리에 대한 좌표를 명시함. 만약 첫 번째 좌표쌍과 마지막 좌표쌍이 일치하지 않는다면, 브라우저가 자동으로 다각형을 닫기 위하여 마지막 좌표쌍을 추가함. (단, shape 속성값이 “poly”인 경우에만 사용할 수 있음)

 

사용법

<a href="www.google.co.kr/">Goggle</a>

 

예제

클릭 가능한 영역이있는 이미지 맵 :

<img src="publ-reference.jpg" alt="publ-reference" usemap="#publ-reference" width="400" height="379">

<map name="publ-reference">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
  <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>

 

Tip

<area>요소는 항상 <map> 태그 안에 중첩됩니다.

 

브라우저 지원

브라우저
<area>	Yes	Yes	Yes	Yes	Yes