区域形状

---

实例

<网页>
<主体>
<段落>请点击图像上的星球，把它们放大。</段落>
<图像
资源地址=“https://www.w3school.com.cn/i/eg_planets.jpg“
边框=“0“ 客户端映射=“#星际地图“
替代=“星际“ />
<地图 名字=“星际地图“ 标识=“星际地图“>
<区域
形状=“圆形“
坐标=“180,139,14“
超引用="https://www.w3school.com.cn/example/html/venus.html"
目标 ="本窗口"
替代=“venus“ />
<区域
形状=“圆形“
坐标=“129,161,10“
超引用=“https://www.w3school.com.cn/example/html/mercur.html“
目标=“本窗口“
替代=“mercury“ />
<区域
形状=“矩形“
坐标=“0,0,110,260“
超引用=“https://www.w3school.com.cn/example/html/sun.html“
目标=“本窗口“
替代=“太阳“ />
</地图>
<段落><粗体>注释：</粗体>图像 元素中的 “客户端映射“ 属性引用 地图 元素中的 “标识“ 或 “名字“ 属性（根据浏览器），所以我们同时向 地图 元素添加了 “标识“ 和 “名字“ 属性。</段落>
</主体>
</网页>

---

 

定义和用法

 

形状 属性与 坐标 属性配合，可以规定区域的尺寸、形状和位置。

 

详细解释：

 

形状 属性用于定义图像映射中对鼠标敏感的区域的形状：

 

• 圆形
• 多边形
• 矩形

 

形状 属性的值会影响浏览器对 坐标 属性的解释。如果未使用 形状 属性，那么会假设使用值 默认。依照标准，默认 意味着该区域覆盖整个图像。在实际中，浏览器默认使用矩形区域，并期望能找到 4 个 坐标 值。如果没有指定形状，而且在标签中也没有包括 4 个坐标，那么浏览器会忽略整个区域。

 

可以识别 形状 属性的 默认 值的浏览器，可以提供一个包括全部热点的区域，以用于在超过其他热点定义的范围之外单击的情况。由于区域在 <地图> 标签中是采用“先来先得”的顺序，所有必须将默认区域放置在后面。否则，默认区域会覆盖其他的图像映射中出现的所有区域。

 

浏览器在形状名称的实现方面没有严格要求。例如，对于矩形，网景浏览器4 不能识别 "长方形"，却能识别 "矩形"。出于这个原因，我们建议使用缩写的名称。（所以本软件只使用“矩形”而不使用“长方形”，因为长方形也是矩形。）

---

 

浏览器支持

 

所有浏览器都支持 形状 属性。

---

语法

<超链接 形状="值">

属性值

值	描述
默认	规定全部区域。
矩形	定义矩形区域。
圆形	定义圆形。
多边形	定义多边形区域。

---

---