HTML: < area > 태그

HTML Tag : <area> 태그

<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>

area 태그란?

area 태그는 이미지 맵 내부의 영역을 정의합니다 (이미지 맵은 클릭 가능한 영역이있는 이미지입니다).

area 요소는 항상 map 태그 안에 중첩되어 있습니다.

img 태그 의 usemap 속성 은 map 요소의 name 속성과 연결되어 있으며 이미지와 맵 사이에 관계를 만듭니다.

속성

• alt : (text) 영역에 대한 대체 텍스트를 지정합니다. href 특성이 있는 경우 필요합니다.
• coords : 면적의 좌표를 지정합니다.
• download :(파일이름) 사용자가 하이퍼링크를 클릭할 때 대상을 다운로드하도록 지정합니다.
• href : (URL)영역에 대한 하이퍼링크 대상을 지정합니다.
• hreflang : (language_code)대상 URL의 언어를 지정합니다.
• media :(media query)대상 URL이 최적화되는 미디어/장치를 지정합니다.
• rel :현재 문서와 대상 URL 간의 관계를 지정합니다.
  • altemate
  • author
  • bookmark
  • help
  • license
  • next
  • nofollow
  • noreferrer
  • prefetch
  • prev
  • search
  • tag
• shape : 면적의 모양을 지정함
  • default
  • rect
  • circle
  • help
  • poly
• target : 대상 URL을 열 위치를 지정합니다.
  • _blank
  • _parent
  • _self
  • _top
  • framename
• type : 대상 URL의 미디어 유형을 지정합니다.
  • media_type