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

Question

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

我知道为了将 CSS 添加到 HTML 文档，我们使用 <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 书中看到关于 rel 属性的 <a> 标签，即：

rel: For anchors containing the href attribute, this attribute specifies the relationship of the target object to the link object.

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

Answer 1

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

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

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

Answer 2

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

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

另一方面，

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

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

Answer 3

最终用户可以看到 <a>insideanchortag</a> 中的任何内容

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

<link> vs <a>: when to use one over the other?