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