HTML usemap 属性
定义和用法
usemap 属性将图像(或对象)指定为图像映射(图像映射是具有可点击区域的图像)。
usemap 属性与 <map> 元素的名称或 id 属性相关联,并在 <img> 和 <map> 之间创建关系。
注释:如果 <img> 元素是 <a> 或 <button> 元素的后代,则不能使用 usemap 属性。
适用于
usemap 属性可用于以下元素:
元素 | 属性 |
---|---|
<img> | usemap |
<object> | usemap |
实例
实例
图像映射,带有可点击区域:
<img src="planets.gif"
width="145" height="126"
alt="行星"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="太阳">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="水星">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="金星">
</map>
亲自试一试 »
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="太阳">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="水星">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="金星">
</map>
实例
使用图像映射的 <object> 元素:
<object data="planets.gif" width="145" height="126" usemap="#planetmap"></object>
亲自试一试 »
浏览器支持
usemap
属性对每个元素都有以下浏览器支持:
元素 | |||||
---|---|---|---|---|---|
img | Yes | Yes | Yes | Yes | Yes |
object | 不支持 | Yes | Yes | 不支持 | 不支持 |