HTML 引用策略属性

HTML中的area元素定义了图像映射中的一个区域，并且它们通常与

使用方式

元素的用法与标签类似，但更为复杂。它需要与

<img src="image.png" usemap="#map">
<map name="map">
  <area shape="rect" coords="0,0,100,100" href="http://example.com">
  <area shape="rect" coords="100,100,200,200" href="http://example.com">
</map>

在上面的示例中，我们使用两个元素创建了两个矩形区域，并分别为它们指定了链接。同时，元素使用了一个usemap属性来引用map元素。

引用策略属性

• href: 指定链接的URL或URL片段。
• target: 指定链接应该在哪里打开。_self，_blank，_parent，_top以及用户定义的frame名称都可以使用。
• download: 规定是否应该下载链接目标而不是导航到它。
• rel: 规定链接与当前文档之间的关系。
• hreflang: 规定链接的目标语言。
• type: 规定所链接文档的媒体类型。

href

href属性用于指定链接的目标，可以是一个URL或URL片段。

<area href="http://example.com">
<area href="#section">

target

target属性用于指定链接应该在哪里打开。常见的值包括_self（默认值，当前窗口打开），_blank（在新窗口中打开），_parent（在父窗口中打开），_top（在顶层窗口中打开）以及用户定义的frame名称。

<area href="http://example.com" target="_blank">

download

download属性规定是否应该下载链接目标而不是导航到它。如果指定了这个属性，那么浏览器会提示用户下载链接目标，而不是打开链接目标。该属性值可以是任何非空字符串。

<area href="http://example.com/file.zip" download="true">

rel

rel属性规定链接与当前文档之间的关系。它是一个空格分隔的列表，可以包含以下值中的任意一个或多个：

• alternate: 提供了当前文档的替代版本。
• author: 当前文档的创作者。
• bookmark: 当前文档的书签或表目。
• help: 提供了当前页面的帮助文档。
• license: 当前文档的版权声明。
• next: 当前文档的下一个文档。
• nofollow: 不推荐搜索引擎丛链接执行跟踪。
• noreferrer: 不允许在打开它的页面上设置引用。仅当target="_blank"时才有用。
• prefetch: 预取文档。
• prev: 当前文档的前一个文档。
• search: 提供了与当前文档相关的搜索工具。
• tag: 当前文档的标签。

<area href="http://example.com" rel="nofollow">

hreflang

hreflang属性规定链接的目标语言，它的值应该是一个有效的BCP47语言标签。

<area href="http://example.com" hreflang="en">

type

type属性规定所链接文档的媒体类型。默认值为"text/plain"。常见的媒体类型包括"text/html"，"application/pdf"，"image/png"和"audio/mpeg"等。

<area href="http://example.com/file.pdf" type="application/pdf">

总结

引用策略属性可以规定图像映射中区域链接的目标、如何打开链接，以及与当前文档之间的关系等。掌握这些属性将有助于我们更好地控制链接。