除了包括样式表之外,<link>标签还有什么作用?

Hus*_*ain 12 html tags hyperlink link-tag

我知道HTML <link>标签用于附加样式表,但是查看W3CSchools标记引用,它还有许多其他的rel属性值.我到处寻找,但我不能为我的生活找到一个地方,详细描述其他价值观的作用以及它们的运作方式.任何人都可以把我送到正确的地方或自己解释一下吗?

编辑:让我重新解释一下我的问题; 我知道链接标记提供了与当前文档相关的其他页面,但它们是如何使用的?例如,如何使用第一个,上一个和下一个关系?

Pek*_*ica 8

我知道两个突出的常见用途:

  • 随着rel="stylesheet"引用外部CSS样式表

  • 随着rel="favicon"参考浏览器favicon

此外,还有

  • 正向和反向链接(rel="next")

  • 搜索引擎替代资源的链接(rel="alternate")

有关样式表和后两者的详细信息,请查看W3C参考:HTML文档中的链接.


Ric*_*uen 6

它链接;)

这是一种说"这个其他资源和我(HTML文档)有关系的方式."

rel属性说明链接项对HTML文档的作用.

rev属性说明HTML文档对链接项的作用.

所以...

<link rel="stylesheet" href="style.css" />
Run Code Online (Sandbox Code Playgroud)

说"style.css是这个HTML文档的样式表."

愚蠢的比喻:如果HTML文件可以"结婚"(在非常保守的非同性婚姻中),我们可以这样做:

<link rel="wife" rev="husband" href="otherFile.html" />
Run Code Online (Sandbox Code Playgroud)

有了这个元素,HTML文档就说"otherFile.html是我的妻子,我就是它的丈夫."


SLa*_*aks 5

除了所有其他答案,它还用于RSS提要.

例如:(从这页开始)

<link rel="alternate" type="application/atom+xml" 
      title="Feed for question 'What does the HTML &lt;link&gt; tag do besides including stylesheets?'" 
      href="/feeds/question/2082362">
Run Code Online (Sandbox Code Playgroud)