HTML <area> 标签

• 

  <area>标签定义和用法

  <area>标签定义图像映射内的区域（图像映射是具有可点击区域的图像）。 <area>元素始终嵌套在<map>标记内。 注意：<img>标记中的usemap属性与<map>元素的name属性相关联，并在图像和地图之间创建关系。
• 

  <area>浏览器支持

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

• 

  <area>实例

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

  尝试一下
• 

  <area>HTML4.01和HTML5之间的差异

  HTML5具有一些新属性，并且不再支持某些HTML4.01属性。
• 

  <area>HTML和XHTML之间的差异

  在HTML中，<area>标签没有结束标记。 在XHTML中，必须正确关闭<area>标记。
• 

  <area>属性

  属性名	属性值	描述
  alt	文本	指定区域的替代文本。如果存在href属性，则需要
  coords	坐标	指定区域的坐标
  download5	文件名	指定当用户单击超链接时将下载目标
  href	URL	指定区域的超链接目标
  hreflang5	语言代码	指定目标URL的语言
  media5	媒体查询	指定优化目标URL的媒体/设备
  nohref	value	HTML5不支持。 指定区域没有关联链接
  rel5	alternate author bookmark help license next nofollow noreferrer prefetch prev search tag	指定当前文档和目标URL之间的关系
  shape	default rect circle poly	指定区域的形状
  target	_blank _parent _self _top frame_name	指定在何处打开目标URL
  type5	媒体类型	指定目标URL的媒体类型

• 

  <area>全局属性

  <area>标签还支持全局属性。 查看有关全局属性的更多知识。
• 

  <area>事件属性

  <area>标签还支持事件属性。 查看有关事件属性的更多知识。
• 

  <area>默认CSS设置

  area { 
      display: none;
  }