HTML Dog
跳至导航

HTML 标签:area

图像地图中的一个区域。与 map 标签结合使用,可以将链接映射到图像的特定区域。

area 标签没有内容,因此不需要闭合标签。

可选属性

属性 描述 可能的值
alt 当图像不可用时的替代文本。如果存在 href 属性,则此属性是必需的 文本。
shape 区域的形状。
  • rect:矩形。如果省略 shape 属性,则此值为默认值。
  • circle.
  • poly:多边形。
  • default:该区域成为整个图像区域。
coords 区域及其形状的像素坐标。
  • 对于矩形,这是一系列由逗号分隔的四个值,分别代表左、上、右和下(例如,coords="0,0,50,50")。
  • 对于圆形,这是一系列由逗号分隔的三个值,分别代表圆心 x 坐标、圆心 y 坐标和半径(例如,coords="50,50,25")。
  • 对于多边形,这是一系列由逗号分隔的偶数个值,指定形状的每个点的左和上坐标(例如,coords="0,0,25,25,50,25,50,100")。
href 区域链接到的目标目的地。 URL。
rel href 一起使用。链接页面与链接目标目的地之间的关系。
  • alternate:当前网页的替代版本。
  • author:包含页面/文章作者详细信息的页面。
  • bookmark:指向页面当前部分的链接。
  • help:特定于上下文的帮助。
  • license:当前文档的版权许可证。
  • next:表示页面在一个序列中,并且链接的页面是该序列中的下一个页面。
  • nofollow:表示链接的资源不受当前文档作者的认可。
  • noreferrer:在跟踪链接时,告知浏览器不要发送 HTTP 引用头。
  • prefetch:应缓存链接的资源。
  • prev:表示页面在一个序列中,并且链接的页面是该序列中的上一个页面。
  • search:可用于搜索当前及相关文档的搜索工具。
  • tag:适用于该链接的标记术语(请勿与 HTML 标签混淆)。
hreflang href 一起使用。链接目标的语言。 语言代码,例如 en(英语)或 es(西班牙语)。
type href 一起使用。链接资源的 MIME 类型。 文本。
download href 一起使用。指示链接目标应被下载而不是导航到。 无。
target href 一起使用。目标目的地应打开的浏览上下文。
  • _self:在当前窗口/标签页中打开链接。
  • _blank:在新窗口/标签页中打开链接。
全局属性

示例


<map name="atlas">
    <area shape="rect" coords="0,0,115,90" href ="northamerica.html" alt="North America">
    <area shape="poly" coords="113,39,187,21,180,72,141,77,117,86" href="europe.html" alt="Europe">
    <area shape="poly" coords="119,80,162,82,175,102,183,102,175,148,122,146" href="africa.html" alt="Africa">
</map>