地图

---

实例

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

<网页>
<主体>
<段落>请点击图像上的星球，把它们放大。</段落>
<图像
资源地址=“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） 中的全局属性。

---

事件属性

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

---

---