HTML <img> usemap 属性
HTML <img> 标签实例
一个带有可点击区域的图像映射：
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
尝试一下 »
浏览器支持
所有主流浏览器都支持 usemap 属性。
定义和用法
usemap 属性将图像定义为客户端图像映射（图像映射指的是带有可点击区域的图像）。
usemap 属性与 <map> 元素的 name 或 id 属性相关联，以建立 <img> 与 <map> 之间的关系。
注意：只有当 <img> 元素不属于 <a> 或 <button> 元素的后代时，才允许使用 usemap 属性。
HTML 4.01 与 HTML5之间的差异
无。
语法
<img usemap="#mapname">
属性值
| 值 | 描述 |
|---|---|
| #mapname | 一个 hash 字符 ("#") 加上要使用的 <map> 元素的 name 或 id。 |
