HTML5 태그 사전

area

정의

area요소는 이미지맵의 영역을 지정하기 위한 요소입니다.

속성

  • shape : 영역의 형태를 지정합니다.
    • default : 화면전체
    • rect : 사각형
    • circle : 원형
    • poly : 다각형
  • coords : 영역의 좌표를 지정합니다.
    • shape속성값이 rect일때 : 왼쪽위의 XY좌표와 오른쪽아래 XY좌표
    • shape속성값이 circle일때 : 중심의 XY좌표와 반경
    • shape속성값이 poly일때 : 첫번째 각의 XY좌표, 두번째각의 XY좌표, 세번째각의 XY좌표
  • href : 해당영역 클릭시 이동할 주소를 지정합니다.
  • alt : 영역을 설명할 대체 텍스트를 지정합니다.

설명

  • href속성을 갖는다면 alt 속성을 반드시 사용하는것이 좋습니다. 반대로 href속성을 갖지 않는다면 alt속성역시 반드시 생략되는것이 좋습니다.

함께 알아두면 좋은 태그

예제

(강아지의 눈과 코에 마우스를 올려보세요)

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
작성자
비밀번호
  1. map의 하위속성이라 생각해도 될까요?
  2. alt 는 이미지가 안 나올때 대체적으로 나오는 텍스트이고
    님이 말씀하시는거는 area 에 title="눈" 요런식으로 쓰시면 될거 같네요..^^
  3. Hun Cheol Ha
    저는 마우스 올려도 눈, 코 같은 대체 설명텍스트가 안나옵니다; 크롬인데;;
  4. 지나가던
    감사합니다^^
버전 관리
리체:leezche
현재 버전
선택 버전
graphittie 자세히 보기