<area>

정의 및 사용

<area> 태그는 이미지맵 내에서 영역을 정의하는 태그이다. area 태그는 항상 map 태그 내에 위치하며 HTML에서는 닫는 태그가 없지만 XHTML에서는 닫는 태그를 사용해야한다.

브라우저 지원

IE6 지원IE7 지원IE8 지원IE9 지원IE10 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
속성 설명 DTD
alt 각 이미지 영역의 대체 텍스트를 지정 STF
coords 각 이미지 영역의 좌표를 지정 STF
href 각 이미지 영역의 링크를 지정 STF
nohref 연관된 링크가 없을 때 nohref 를 사용 STF
shape 영역의 모양을 default, rect, circle, poly 값으로 지정 STF
target 링크되는 페이지의 위치를 지정 TF

예제

버그 및 이슈

  • 만약 XHTML 문서로 DTD 를 선언했을 시 map 태그의 속성을 name 으로 지정할 경우 유효성 오류가 생기니 주의해서 사용해야 한다.
  • 대부분 많이 사용하는 rect(직사각형)의 coods값은 간단하게 측정할 수 있다. 링크를 원하는 영역의 left, top 좌표가 coords의 첫번째, 두번째 숫자이며 right, bottom 좌표가 coords의 세번째, 네번째 숫자이다.

소제목

목록 으로

댓글