HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <img> usemap 속성

usemap 속성은 클라이언트 이미지 맵(이미지 맵은 클릭 가능 영역을 가진 이미지)을 지정하며, usemap 속성은 <map> 요소의 name 속성과 연결되어 있으며, <img>와 <map> 사이에 관계를 설정합니다.

　HTML <img> 태그

온라인 예제

클릭 가능 영역을 가진 이미지 맵:

예제

<!DOCTYPE html>
<html>
<head>
<title>HTML:<img> usemap 속성　-　기본 튜토리얼 웹　oldtoolbag.com</title>
<body>
<img src="planets.gif" width="145"height="126"alt="Planets" usemap="#planetmap">
<map name="planetmap">
　　<area shape="rect" coords="0,0,82,126"alt="Sun" href="sun.html">
　　<area　shape="circle"　coords="90,58,3"alt="Mercury" href="mercur.html">
　　<area　shape="circle"　coords="124,58,8"　alt="Venus"　href="venus.html">
</map>
</body>
</html>

테스트를 보려면 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 usemap 속성을 지원합니다.

정의와 사용법

usemap 속성은 클라이언트 이미지 맵(이미지 맵은 클릭 가능区域을 가진 이미지)을 지정합니다.

usemap 속성과<map>요소의 name 속성과 연결되어 있으며 <img>와 <map> 사이에 관계를 만듭니다.

주의: <img> 요소가 <a> 또는 <button> 요소의 자식이면 usemap 속성을 사용할 수 없습니다.

HTML 4.01 HTML과5사이의 차이

없음.

문법

<img usemap="#mapname">

속성 값

값	설명
#mapname	하ッシュ 문자 (#)와 사용할 <map> 요소의 name 또는 id를 추가합니다.

　HTML <img> 태그

HTML: <template> 태그