例
图像映射,可点击方面:
<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;
}