<area>를 알아보자! > 웹개발

본문 바로가기

회원메뉴

  

쇼핑몰 검색

회원로그인

오늘 본 상품

없음

웹개발

<area>를 알아보자!

페이지 정보

작성자 인셀러 작성일18-11-14 14:07 조회16회 댓글0건

본문

<area>



개요

HTML <area> 요소는 이미지에서의 핫스폿 지역을 정의하며, 추가적으로 hypertext link와 함께 관련시킵니다 . 이 요소는 오직 <map> 내부에서만 사용됩니다.


-컨텐츠 범주 : 플로우 컨텐츠, 구문 컨텐츠.

-허용된 컨텐츠 : 없음, 이것은 empty element.

-태그 생략 : 시작 태그는 있어야 하며, 종료 태그는 없어야 합니다.

-허용된 부모 요소 : 구문 컨텐츠를 허용하는 모든 요소. <area> 요소는 <map> 요소를 조상으로 가져야하지만, 직계 부모일 필요는 없습니다.

-DOM 인터페이스 : HTMLAreaElement





속성 : 이 요소는 전역 속성을 포함합니다.


accesskey

 HTML 4 only, 안씀 Gecko 5.0


alt

브라우저가 이미지를 출력하지 않을때 출력할 대안의 텍스트. 


coords

영역의 좌표를 지정

_shape속성값이 rect일때 : 왼쪽위의 XY좌표와 오른쪽아래 XY좌표

_shape속성값이 circle일때 : 중심의 XY좌표와 반경

_shape속성값이 poly일때 : 첫번째 각의 XY좌표, 두번째각의 XY좌표, 세번째각의 XY좌표



download┃HTML5

이 속성이 존재한다면, 작성자는 하이퍼링크를 리소스를 다운로드하는데 사용하도록 의도한것을 가리킵니다. <a> 요소의 download 속성에서 전체 설명을 보세요.


href

이 지역에 대한 하이퍼링크 타겟. 이것의 값은 유효한 URL입니다.


hreflang┃HTML5

링크된 리소스의 언어를 가리킵니다. 허용되는 값은 BCP47에 의해 결정됩니다. 이 값은 href 속성이 존재할때만 사용합니다.


name┃HTML 4 only, 안씀 Gecko 5.0

클릭 가능한 지역의 이름을 정의해서 오래된 브라우저에서 스크립트 될수 있도록 합니다.


media┃HTML5


rel┃HTML5


shape

관련된 핫 스폿의 모양.

_default : 화면전체

_rect : 사각형

_circle : 원형

_poly : 다각형


tabindex┃ HTML 4 only, 안씀 Gecko 5.0


target

이 속성은 링크된 리소스가 어디에 표시될지 지정합니다. HTML4에서 이것은 프레임의 이름이나 키워드가 될수 있습니다. HTML5에서는, 브라우징 컨텍스트(탭,윈도우,인라인 프레임)의 이름이나 키워드가 될수 있습니다. 다음 키워드들은 특별한 의미를 가지고 있습니다.

_self: 결과를 현재 HTML4 프레임 또는 HTML5 브라우징 컨텍스트에 로드합니다.

          이 target 속성이 정의되어있지 않은경우 이 값이 기본값이 됩니다.

_blank: 결과를 이름없는 새로운 HTML4 윈도우나 HTML5 브라우징 컨텍스트에 로드합니다.

_parent: 결과를 현재 HTML4 프레임의 부모 프레임셋에 로드하거나 부모 HTML5 브라우징 컨텍스트에 로드합니다.

               만약 부모가 없을 경우 _self와 동일하게 여겨집니다.

_top: HTML4에서는, 다른 모든 프레임을 취소하고 결과를 꽉찬 본래의 윈도우에 로드합니다.

          HTML5에서는, 결과를 최상위 브라우징 컨텍스트에 로드합니다.

          만약 부모가 없다면, 이 옵션은 _self와 같이 행동합니다.

          이 속성은 href 속성이 존재할떄만 사용합니다.


type

이 속성은 링크 타겟의 미디어 타입을 MIME 타입으로 지정합니다.




예제

<map name="primary">

  <area shape="circle" coords="200,250,25" href="another.htm" /> 

  <area shape="default" nohref />

</map>






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





댓글목록

등록된 댓글이 없습니다.

인셀터 파트너
회사소개 서비스이용약관 개인정보취급방침 공지사항 제휴문의 고객문의
  • 고객센터
    Tel : 070 - 4140 - 1302
    Time : am10:00 ~ pm6:00

    고객문의 게시판
    카카오톡 문의 : sopen
  • 입금계좌안내
    신한은행 : 110-450-941860
    하나은행 : 642-910643-16407
    예금주 : 에스오픈(신광태)
  • 사이트명 : 인셀러,     회사명 : 에스오픈
    사업자 등록번호 : 314-07-45623
    통신판매업신고번호 : 2018-대전중구-0441
    주소 : 대전광역시 중구 동서대로 1180, 2F (태평동 414-1)
    전화 : 070-4140-1302
    이메일 : sopen2011@naver.com
    대표&개인정보관리책임자 : 신광태