최신 웹 개발 튜토리얼
 

HTML <area> Tag


클릭 가능한 영역과 이미지 맵 :

<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> 요소는 항상 내부에 중첩 된 <map> 태그입니다.

참고 : usemap 의 속성 <img> 태그는와 관련된 <map> 요소의 이름 속성과 이미지와지도 사이의 관계를 만듭니다.


브라우저 지원

요소
<area>

HTML 4.01과 HTML5의 차이점

HTML5는 몇 가지 새로운 특성을 가지고 있으며, 일부 HTML 4.01 속성은 더 이상 지원되지 않습니다.


HTML 및 XHTML의 차이점

HTML에서 <area> 태그는 끝 태그가 없습니다.

XHTML에서 <area> 태그가 제대로 닫아야합니다.


속성

= HTML5의 새로운 기능.

속성 기술
alt text 이 지역에 대한 대체 텍스트를 지정합니다. 경우에 필요합니다 href 속성이 존재
coords coordinates 영역의 좌표를 지정
download filename 사용자가 하이퍼 링크를 클릭 할 때 대상이 다운로드되도록 지정
href URL 영역에 대한 하이퍼 링크 대상을 지정
hreflang language_code 타겟 URL의 언어를 지정
media media query 지정 대상 URL이 최적화되어 어떤 미디어 / 디바이스
nohref value HTML5에서 지원되지 않습니다.
면적이 더 링크를 연결되었음을 지정
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
현재 문서 대상 URL 간의 관계를 지정
shape default
rect
circle
poly
영역의 형상을 지정
target _blank
_parent
_self
_top
framename
여기서 대상 URL을 엽니 다 지정
type media_type 대상 URL의 미디어 유형을 지정합니다

글로벌 속성

<area> 태그도 지원 글로벌은 HTML의 속성 .


이벤트 속성

<area> 태그도 지원 이벤트는 HTML의 속성 .


관련 페이지

HTML DOM 참조 : 지역 개체


기본 CSS 설정

대부분의 브라우저는 표시됩니다 <area> 다음과 같은 기본 값으로 요소를 :

area {
    display: none;
}