area 요소

정의

area inside an image map; area 요소는 하이퍼링크, 링크에 대응하는 이미지맵 상의 영역, 이미지맵 내의 비활성 영역을 나타냅니다.

마크업 규칙

Flow Interactive Metadata Phrasing Embedded Heading Sectioning

기본 문법은 다음과 같습니다. 데모

<img src="shapes.png" usemap="#shapes" alt="Four shapes are available: a red hollow box, a green circle, a blue triangle, and a yellow four-pointed star.">
 <map name="shapes">
  <area shape=rect coords="50,50,100,100" alt="사각형 링크">
  <area shape=rect coords="25,25,125,125" href="red.html" alt="붉은박스 링크">
  <area shape=circle coords="200,75,50" href="green.html" alt="초록색 원 링크">
  <area shape=poly coords="325,25,262,125,388,125" href="blue.html" alt="파랑 삼각형 링크">
  <area shape=poly coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60" href="yellow.html" alt="별모양 다각형 링크">
 </map>

속성

속성명 설명
전역 속성 공통 속성
alt 링크의 목적을 설명합니다.
coords shape에서 정의한 모양의 좌표를 정의합니다.
shape circle, dafault, poly, rect 키워드로 속성을 정의합니다.
href 이동할 URL을 지정합니다.
target 이동시 사용되는 콘텍스트 이름이나 키워드를 지정합니다.
rel 링크 대상과의 관계를 지정합니다.
media 링크 대상이 출력되는 매체를 지정합니다.
hreflang 링크 대상의 언어 코드를 지정합니다.
type 링크 대상의 MIME 타입을 지정합니다.

메모

HTML4/XHTML1과의 차이점, 접근성, 보충 내용 그리고 편집자 의견 등을 포함하고 있습니다.

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

관련 요소

 
html5/element/area.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki