<link> vs <a>:何时使用其中一个?

Tar*_*rik 29 html anchor hyperlink stylesheet-link-tag

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

我知道为了将CSS添加到HTML文档,我们使用<link>标记,例如:

<link type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css" />
Run Code Online (Sandbox Code Playgroud)

但是,我无法理解为什么我们不使用锚<a>标记(因为它包含相同的必要属性),例如:

 <a type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css" />
Run Code Online (Sandbox Code Playgroud)

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

更新:

我有这种困惑,因为我在完整参考HTML和CSS书中看到了关于Tag 的rel属性<a>,它:

rel:对于包含该href属性的锚点,此属性指定目标对象与链接对象的关系.

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

Jon*_*and 34

属性与它们所在的标记不同.

<link />是一个空元素,即它里面没有任何东西.它所做的只是指定与另一个文档的关系.此外,<link>标签仅用于该<head>部分.

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

因此,即使标签可以具有相同的属性,也不意味着它们做同样的事情.


Pio*_*rak 9

您不能使用A标记将CSS添加到HTML文档,因为它用于在文档之间创建可单击的超链接.

但是,如果您想创建允许用户下载css文件的链接,您可以执行此操作

<a type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css">Download css</a>
Run Code Online (Sandbox Code Playgroud)


Aki*_*ee1 7

Yup Jon是对的,

他的答案还有一个补充,

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

但是你无法<link />在最终用户视图中看到数据,它只在inspect元素中可见.