HTML 5 <map> 标签

定义和用法

<map> 标签用于定义客户端图像映射。图像映射指的是带有可点击区域的图像。

name 属性在 map 元素中是必需的。该属性与 <img> 标签的 usemap 属性相关联,以创建图像与映射之间的关系。

map 元素包含若干 area 元素,定义图像映射中的可点击区域。

实例

带有可点击区域的图像映射:

<img src="planets.gif" alt="Planets" usemap ="#planetmap" />
<map name="planetmap">
 <area shape ="rect" coords ="0,0,110,260" href ="sun.htm" alt="Sun" />
 <area shape ="circle" coords ="129,161,10" href ="mercur.htm" alt="Mercury" />
 <area shape ="circle" coords ="180,139,14" href ="venus.htm" alt="Venus" />
</map>

浏览器支持

所有主流浏览器都支持 <map> 标签。

HTML 4.01 与 HTML 5 之间的差异

注释:在 HTML5 中,如果同时规定了 <map> 标签的 id 属性,则必须为 name 属性规定相同的值。

提示和注释:

注释:area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。

属性

属性 描述
name mapname 规定图像映射的名称。

全局属性

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

事件属性

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