HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <area> 태그

HTML <area> 태그는 이미지 맵핑 내부의 클릭 가능区域(또는 핫스팟 区域)을 정의합니다. 이 태그는 <map> 태그 내에 위치해야 합니다. 이 태그는 일반적으로 <area> 요소라고도 합니다. 이 태그는 <area> 태그 내에 위치해야 합니다. 이 태그는 일반적으로 <area> 요소라고도 합니다.

온라인 예제

클릭 가능区域的 이미지 맵핑:

예제

!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>기본 튜토리얼 웹(oldtoolbag.com)</title>　
</head>
<body>
<img src="planets.gif" width="145" height="126" alt="行星" usemap="#planetmap">
　
<map name="planetmap">
　　<area shape="rect" coords="0,0,82,126" alt="太陽" href="sun.html">
　　<area shape="circle" coords="90,58,3" alt="水星" href="mercur.html">
　　<area shape="circle" coords="124,58,8" alt="金星" href="venus.html">
</map>
</body>
</html>

테스트해 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 <area> 태그를 지원합니다.

정의 및 사용 설명

<area> 태그는 이미지 맵 내의 영역을 정의합니다(이미지 맵은 클릭할 수 있는 영역을 가진 이미지를 의미합니다).

<area> 요소는 항상 <map> 태그 내에 포함되어 있습니다.

HTML <area> 요소는 <body> 태그 내에 위치하며, <map> 태그 내에 위치해야 합니다.

주의사항: <img> 태그의 usemap 속성과 <map> 요소의 name과 연관되어, 이미지와 맵 간의 관계를 만듭니다.

HTML 4.01 HTML과5차이

HTML5 새로운 속성을 제공하면서 HTML을 더 이상 지원하지 않습니다. 4.01 중요한 속성.

HTML과 XHTML 간의 차이

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

XHTML에서는 <area> 태그가 올바르게 닫혀야 합니다.

속성

New　：HTML5 속성

속성	값	설명
alt	text	지역의 대체 텍스트를 정의. href 속성을 사용하면 이 속성이 필수적입니다.
coords	coordinates	지역의 좌표를 정의.
href	URL	지역의 목표 URL을 정의.
downloadHTML5	filename	사용자가 하이퍼링크를 클릭할 때, 지정된 목표 파일을 다운로드합니다.
hreflangHTML5	language_code	목표 URL의 언어를 정의.
mediaHTML5	media query	목표 URL이 무엇을 위한 매체인지 정의./장치 최적화.
nohref	value	HTML5 지원하지 않습니다. 관련 링크가 없는 지역을 정의합니다
relHTML5	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을 어디서 엽니다
typeHTML5	MIME_type	목표 URL의 MIME 유형을 정의합니다 주의: MIME = Multipurpose Internet Mail Extensions.

전역 속성

<area> 태그는 이벤트 속성을 지원합니다 HTML의 전역 속성。

이벤트 속성

<area> 태그는 이벤트 속성을 지원합니다 HTML의 이벤트 속성。