HTML5 <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 | 规定图像映射的名称。 |