HTML <link> 标签的真正用途是什么？答案

【问题标题】：What are the true usages of HTML's <link> tags?HTML <link> 标签的真正用途是什么？
【发布时间】：2022-05-04 04:12:18
【问题描述】：

偶尔我会在代码中看到一堆<link>元素：

<link rel="Home" href="/" title="Page d'accueil de Babysun" />
<link rel="Index" href="/" />
<link rel="Top" href="/" title="Babysun / Accueil Babysun - Babysun" />
<link rel="Search" href="/content/advancedsearch" title="Recherche Babysun" />
<link rel="Shortcut icon" href="/extension/ezwebin/design/babysun/images/favicon.png" type="image/x-icon" />
<link rel="Copyright" href="/ezinfo/copyright" />
<link rel="Author" href="/ezinfo/about" />

链接元素描述为：

<link> 标签定义了文档和外部资源之间的关系。 <link> 标签最常用于链接到样式表。

（强调我的）

什么外部资源？搜索引擎优化？

如果是，Google 关心什么：

<link rel="Home" ...>
<link rel="Index" ...>
<link rel="Top" ...>

【问题讨论】：

标签： html

【解决方案1】：

rel不限于<link>标签，也可以和<a>一起使用。

根据 w3c

这个属性描述了从当前文档到 href 属性指定的锚点。这个的价值属性是一个以空格分隔的链接类型列表。

您可以在这里找到常见的链接类型：

http://www.w3.org/TR/html4/types.html#h-6.12

即使在这些中，也只有 SEO 的（nofollow、noindex、canonical）有一些真正的影响力（尽管众所周知，谷歌会在他想要的时候忽略它们。）

这句话很好地概括了类型：

用户代理、搜索引擎等可能将这些链接类型解释为多种方式。例如，用户代理可以提供对链接的访问通过导航栏查看文档。

这真是一团糟，微格式项目试图标准化它们的使用（微格式不限于 rel。）你可以找到草案和规范 here。最酷的是rel="tag" (here)。

【讨论】：

【解决方案2】：

按照规范定义：

...它传达可能由用户呈现的关系信息代理以各种方式（例如，带有下拉菜单的工具栏链接）

进一步，您可以阅读link types，并从中提取一些具体信息。

【讨论】：

【解决方案3】：

您可以在此页面上阅读有关标签的更多信息：

http://www.w3.org/QA/Tips/use-links

例如，Google 使用 rel="canonical" 来识别具有相同内容的每个页面都应该被搜索引擎索引。

http://support.google.com/webmasters/bin/answer.py?hl=en&answer=139394

【讨论】：