HTML <map> 标签

• 

  <map>标签定义和用法

  <map>标记用于定义客户端图像映射。图像映射是具有可点击区域的图像。
  <map>元素的必需名称属性与<img>的usemap属性相关联，并在图像和地图之间创建关系。
  <map>元素包含许多<area>元素，用于定义图像映射中的可单击区域。

• 

  <map>标签浏览器支持

  Internet Explorer/Edge	Chrome	FireFox	Safari	Opera
  支持	支持	支持	支持	支持

• 

  <map>标签实例

  <img src="images/j1.jpg" alt="Workplace" usemap="#workmap" />
  <map name="workmap">
          <area shape="rect" coords="53,46,105,123" alt="jiuhu" href="images/j2.jpg">
          <area shape="rect" coords="122,112,149,166" alt="jiubei" href="images/j3.jpg">
  </map>
  

  尝试一下
• 

  HTML4.01和HTML5之间的差异

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

• 

  HTML和XHTML之间的差异

  在XHTML中，不推荐使用name属性，该属性将被删除。请改用 全局id属性。

• 

  <map>属性

  属性名	属性值	描述
  name	mapname	必需的。指定图像映射的名称

• 

  <map>标签全局属性

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

  查看有关全局属性的更多知识。

• 

  <map>标签事件属性

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

  查看有关事件属性的更多知识。

• 

  <map>标签相关页面

  HTML教程：HTML图像

• 

  <map>标签默认CSS设置

  map {
      display: inline;
  }