HTML <map> 标签


实例

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

<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>

测验一下 »

浏览器支撑

Internet Explorer Firefox Opera Google Chrome Safari

现在大多数浏览器支撑 <map>标签。


标签界说及运用说明

<map> 标签用于客户端图画映射。图画映射指带有可点击区域的一幅图画。

<img>中的 usemap 特点可引用 <map> 中的 id 或 name 特点(取决于浏览器),所以咱们应一起向 <map> 增加 id 和 name 特点。

area 元素永久嵌套在 map 元素内部。area 元素可界说图画映射中的区域。


HTML 4.01 与 HTML5之间的差异

留意: 在 HTML5 中, 假如 id 特点在<map> 标签中指定, 则你有必要相同指定 name 特点。


HTML 与 XHTML 之间的差异

在 XHTML 中,name 特点现已抛弃,运用 id 特点替换它。


特点

特点 描绘
name mapname 必需。为 image-map 规则的称号。


大局特点

<map> 标签支撑大局特点,检查完好特点表 HTML大局特点


事情特点

<map> 标签支撑一切 HTML事情特点