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 中的事件属性。