轻松上手,快乐学习!

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>
亲自试一试 »

实例

使用图像映射的 <object> 元素:

<object data="planets.gif" width="145" height="126" usemap="#planetmap"></object>
亲自试一试 »

浏览器支持

usemap 属性对每个元素都有以下浏览器支持:

元素
img Yes Yes Yes Yes Yes
object 不支持 Yes Yes 不支持 不支持