HTML <a> 标签的 shape 属性 详解
HTML基础 2023-07-12 14:15:26小码哥的IT人生shichen
HTML <a> 标签的 shape 属性
实例
<object data="planets.gif" alt="Planets" type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,110,260">Sun</a>
<a href="mercur.htm" shape="circle" coords="129,161,10">Mercury</a>
<a href="venus.htm" shape="circle" coords="180,139,14">Venus</a>
</map>
</object>
完整实例【亲自试一试】：
<html>
<body>
<object data="/i/eg_planets.jpg" alt="Planets" type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="/demo/example/html/sun.html" shape="rect" coords="0,0,110,260">Sun</a>
<a href="/demo/example/html/mercur.html" shape="circle" coords="129,161,10">Mercury</a>
<a href="/demo/example/html/venus.html" shape="circle" coords="180,139,14">Venus</a>
</map>
</object>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
只有 Firefox 和 Opera 支持 shape 属性。
语法
<a shape="value">
属性值
| 值 | 描述 |
|---|---|
| default | 规定全部区域。 |
| rect | 定义矩形区域。 |
| circle | 定义圆形。 |
| poly | 定义多边形区域。 |
