예
클릭 가능한 영역과 이미지 맵 :
<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;
}