HTML <img> usemap 属性
示例
一个具有可点击区域的图像地图
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">
<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
<area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>
亲自尝试 »
定义和用法
The usemap
属性指定一个图像作为客户端图像地图(图像地图是一个带有可点击区域的图像)。
The usemap
属性与 <map>
元素的 name 属性相关联,并在 <img>
和 <map>
之间创建关系。
注意: 如果 <img>
元素是 <a>
或 <button>
元素的后代,则无法使用 usemap
属性。
浏览器支持
属性 | |||||
---|---|---|---|---|---|
usemap | 是 | 是 | 是 | 是 | 是 |
语法
<img usemap="#mapname">
属性值
值 | 描述 |
---|---|
#mapname | 一个井号 (“#”) 加上要使用的 <map> 元素的名称 |
❮ HTML <img> 标签