HTML <area> shape 属性
HTML <area> 标签实例
带有可点击区域的图像映射：
<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>
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>
尝试一下 »
浏览器支持列表
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
 |  |  |  |  |
所有主流浏览器都支持 shape 属性
定义和用法
shape 属性指定了区域的形状。
shape 属性与 coords 属性配合，可以规定区域的尺寸、形状和位置。
HTML 4.01 与 HTML5之间的差异
没有差异。
语法
<area shape="default|rect|circle|poly">
属性值
| 值 | 描述 |
|---|---|
| default | 规定全部区域。 |
| rect | 定义矩形区域。 |
| circ | 定义圆形。 |
| poly | 定义多边形区域。 |
