最新的Web开发教程
 

HTML <map> Tag


图像映射,可点击方面:

<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属性<map>元素与相关<img>'s usemap属性,并创建图像和地图之间的关系。

<map>元素包含了许多<area>元素,定义在图像地图中的可点击区域。


浏览器支持

元件
<map>

HTML 4.01和HTML5之间的差异

注意:在HTML5中,如果id的属性<map>还指定标记时,它必须具有相同的值作为name属性。


HTML和XHTML之间的差异

在XHTML中, name属性已过时,将被删除。 使用全球id属性代替。


属性

属性 描述
name mapname 需要。 指定的图像映射的名称

全局属性

<map>标签支持全局的HTML属性


事件属性

<map>标签支持的HTML事件属性


相关页面

HTML DOM参考: 地图对象


默认设置CSS

大多数浏览器会显示<map>元素与以下默认值:

map {
    display: inline;
}