HTML
<map> 标签可以和 <area> 元素一起使用,以此来达到定义图像映射(可点击的链接区域)的目标,请参考下述示例:实例
带有可点击区域的图像映射:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.gif">
<area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif">
<area shape="circle" coords="124,58,8" alt="Venus" href="venglobe.gif">
</map>
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.gif">
<area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif">
<area shape="circle" coords="124,58,8" alt="Venus" href="venglobe.gif">
</map>
尝试一下 >>
浏览器支持
目前大多数浏览器支持 <map>
标签定义及使用说明
<map> 中的 usemap 属性可引用 <map>
area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
提示:要完成图像映射要用到三种标签:<img> 标签、<map>标签、<area>标签。
HTML 4.01 与 HTML5之间的差异
注意: 在 HTML5 中, 如果 id 属性在
HTML 与 XHTML 之间的差异
在 XHTML 中,name 属性已经废弃,使用 id 属性替换它。
属性
属性 | 值 | 描述 |
---|---|---|
name | mapname | 必需。为 image-map 规定的名称。 |
全局属性
事件属性