<link> vs <a>：什么时候使用一个而不是另一个？答案

【问题标题】：<link> vs <a>: when to use one over the other?<link> vs <a>：什么时候使用一个而不是另一个？
【发布时间】：2015-04-23 09:03:15
【问题描述】：

<link> 和 <a> 之间有些混淆。

我知道为了给 HTML 文档添加 CSS，我们使用 <link> 标签，例如：

<link type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css" />

但是，我不明白为什么我们不使用锚<a> 标签（因为它包含相同的必要属性），例如：

 <a type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css" />

这两个标签可以互换吗？另外，如果这是可能的，那么我们如何选择一个而不是另一个，为什么？

更新：

我感到困惑，因为我在 The Complete Reference HTML & CSS 一书中看到了关于<a> 标签的rel 属性，即：

rel：对于包含href属性的锚点，这个属性指定目标对象与链接对象的关系。

所以我认为它可以做与<link>标签相同的功能。

【问题讨论】：

【解决方案1】：

属性与其所在的标签不同。

<link /> 是一个empty element，即它里面不能有任何东西。它所做的只是指定与另一个文档的关系。此外，<link> 标签仅用于<head> 部分。

另一方面，<a></a> 不是一个空元素，它指定要在页面上创建的对象——例如可点击的链接或图像——它将用户带到其他位置。此标记仅用于<body> 部分。

因此，即使标签可以具有相同的属性，但这并不意味着它们做同样的事情。

【讨论】：

【解决方案2】：

您不能使用 A 标记将 css 添加到 HTML 文档，因为它是用于在文档之间创建可点击的超链接。

但如果您想创建允许用户下载 css 文件的链接，您可以这样做

<a type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css">Download css</a>

【讨论】：

【解决方案3】：

是的，乔恩是对的，

他的答案还有一个补充是，

<a>insideanchortag</a> 中的任何内容都对最终用户可见

但您无法在最终用户视图中看到 <link /> 数据，它仅在检查元素中可见。

【讨论】：