Ruby Coin

Rails 와 프론트 엔드 기술을 이용해 흥미 위주의 빠른 웹 개발 방법론

area

토픽 Ruby Coin > Development > Front-End > HTML 사전

정의

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속성역시 반드시 생략되는것이 좋습니다.

함께 알아두면 좋은 태그

예제

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

댓글

댓글 본문