当前位置:首页>HTML>HTML标签>HTML <map> 标签

HTML <map> 标签

作者:微学网发布时间:2019-09-19 22:08:00

示例

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

<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>标签用于定义客户端图像映射。图像映射是具有可点击区域的图像。

<map>元素的必需名称属性与<img>的usemap属性相关联,并在图像和地图之间创建关系。

<map>元素包含许多<area>元素,用于定义图像映射中的可单击区域。

浏览器支持

Chrome Firefox IE Safari Opera
Google Chrome Firefox Internet Explorer Safari Opera

HTML 4.01和HTML5之间的差异

注意:在HTML5中,如果还指定了<map>标签的id属性,则它必须与name属性具有相同的值。

HTML和XHTML之间的差异

在XHTML中,不推荐使用name属性,并将其删除。请改用 全局id属性。

属性

属性 描述
name mapname 必需。为 image-map 规定的名称。

全局属性

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

事件属性

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

相关页面

HTML DOM参考:Map Object

默认CSS设置

大多数浏览器将使用以下默认值显示<map>元素:

map {
    display: inline;
}