HTML 参考手册

HTML 标签大全

HTML: <area> shape 属性

shape 属性指定区域的形状，shape 属性与 coords 属性配合，以指定区域的大小，形状和位置。

在线示例

具有可点击区域的图像地图：

示例

!DOCTYPE　html>
<html>
<title>HTML:<area>　shape　属性　-　基础教程网　oldtoolbag.com</title>
<body>
<p>单击太阳或其他行星以近距离观察它：</p>
<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.html"　alt="Sun">
　　<area　shape="circle"　coords="90,58,3"　href="mercur.html"　alt="Mercury">
　　<area　shape="circle"　coords="124,58,8"　href="venus.html"　alt="Venus">
</map>
</body>
</html>

시험해보기 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

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

정의와 사용법

shape 속성이 영역의 형태를 지정합니다.

shape 속성과 coords 속성과 조합하여 영역의 크기, 형태 및 위치를 지정합니다.

HTML 4.01 HTML과5차이점

없음.

문법

<area shape="default|rect|circle|poly">

속성 값

값	설명
default	모든 영역을 정의합니다.
rect	다각형 영역을 정의합니다.
circle	원형을 정의합니다.
poly	다각형 영역을 정의합니다.

　HTML <area> 태그

HTML: <template> 태그