区域

---

实例

带有可点击区域的图像映射：

<网页>
<主体>
<段落>请点击图像上的星球，把它们放大。</段落>
<图像
资源地址=“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“
目标=“本窗口“
替代=“太阳“ />
</地图>
<段落><粗体>注释：</粗体>图像 元素中的 “客户端映射“ 属性引用 地图 元素中的 “标识“ 或 “名字“ 属性（根据浏览器），所以我们同时向 地图 元素添加了 “标识“ 和 “名字“ 属性。</段落>
</主体>
</网页>

---

 

浏览器支持

 

元素	Chrome	IE	Firefox	Safari	Opera
<区域>	是	是	是	是	是

 

所有主流浏览器都支持 <区域> 标签。

---

定义和用法

<区域> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。

区域 元素总是嵌套在 <地图> 标签中。

注释：<图像> 标签中的 客户端映射 属性与 地图 元素 名字 属性相关联，创建图像与映射之间的联系。

---

超文本（HTML ）与 X超文本（XHTML ）之间的差异

在 HTML 中，<区域> 没有结束标签。

在 XHTML 中，<区域> 必须正确地关闭。

---

提示和注释：

注释：<图像> 中的 客户端映射 属性可引用 <地图> 中的 标识 或 名字 属性（由浏览器决定），所以我们需要同时向 <地图> 添加 标识 和 名字 两个属性。

---

必需的属性

属性	值	描述
替代	文本	定义此区域的替换文本。

---

可选的属性

属性	值	描述
坐标	坐标值	定义可点击区域（对鼠标敏感的区域）的坐标。
超引用	地址	定义此区域的目标 地址。
无连接	无超引用	从图像映射排除某个区域。没有相关链接的区域，超文本5（html5）不支持
形状	默认 矩形 圆形 多边形	定义区域的形状。
目标	新窗口 父窗口 本窗口 顶级窗口	规定在何处打开 超引用 属性指定的目标 本地地址。

---

全局属性

<区域> 标签支持 超文本（HTML ）中的全局属性。

---

事件属性

<区域> 标签支持 超文本（HTML ）中的事件属性。

---

---