12

我知道 HTML <link> 标记用于附加样式表，但是查看 W3CSchools 标记参考，它具有许多其他 rel 属性值。我找遍了整个地方，但我一辈子都找不到一个地方来详细描述其他价值观的作用以及它们的工作方式。任何人都可以将我送到正确的地方或自己解释吗？

编辑：让我重新表述我的问题；我知道链接标签提供了与当前文档相关的其他页面，但它们是如何使用的？例如，如何使用 first、prev 和 next 关系？

4

6 回答 6

8

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

  • 参考rel="stylesheet"外部 CSS 样式表

  • rel="favicon"参考浏览器图标

此外，还有

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

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

查看W3C 参考：HTML 文档中的链接以获取有关样式表和后两者的详细信息。

于 2010-01-17T19:54:13.307 回答
6

它链接;)

这是一种说“这个其他资源和我（HTML 文档）有关系”的方式。

rel 属性说明了 HTML 文档的链接项是什么。

rev 属性说明 HTML 文档对链接项目的意义。

所以...

<link rel="stylesheet" href="style.css" />

说“style.css 是这个 HTML 文档的样式表”。

愚蠢的类比：如果 HTML 文档可以“结婚”（在高度保守的非同性婚姻中），我们可以这样做：

<link rel="wife" rev="husband" href="otherFile.html" />

有了这个元素，HTML 文档就说“otherFile.html 是我的妻子，我是它的丈夫”。

于 2010-01-17T19:55:46.570 回答
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">
于 2010-01-17T20:02:22.260 回答
2

< link>标签传达关系信息。对于样式表，这意味着“这里是关于如何显示此文件的说明”，但链接用于多种语义引用，包括 HTML 规范中未列出的其他语义引用。

于 2010-01-17T19:54:19.327 回答
1

呃……

http://www.w3schools.com/TAGS/att_link_rel.asp

基本上，它只是一个标签，上面写着“文档所需的其他东西在这里”，而 rel 标签准确地指定了它可能是什么。

于 2010-01-17T19:55:08.767 回答
1

除了Pekka所说的之外，我还看到它用于 pingback ( rel="pingback") 链接，通常用于博客。

于 2010-01-17T20:00:19.440 回答