usemap

---

HTML <img> usemap 属性

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

<img src="/images/planets.gif" width="145" height="126" alt="Planets" usemap="#planet_map">
<map name="planet_map">
    <area shape="rect" coords="0,0,82,126" href="/sun.html" alt="Sun">
    <area shape="circle" coords="90,58,3" href="/mercury.html" alt="Mercury">
    <area shape="circle" coords="124,58,8" href="/venus.html" alt="Venus">
</map>

---

定义和用法

usemap 属性将图像定义为客户端图像映射（图像映射指的是带有可点击区域的图像）。

usemap 属性与 <map> 元素的 name 或 id 属性相关联，以建立 <img> 与 <map> 之间的关系。

警告

注意：只有当 <img> 元素不属于 <a> 或 <button> 元素的后代时，才允许使用 usemap 属性。

---

HTML 4.01 与 HTML5之间的差异

无。

---

语法

<img usemap="#mapname">

---

属性值

值	描述
#mapname	一个 hash 字符 ("#") 加上要使用的 <map> 元素的 name 或 id。

---

浏览器兼容性

	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android
useMap