<link> VS <a>: 什么时候使用一个而不是另一个?



我对<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" />

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

更新:

我感到困惑,因为我在完整参考HTML&CSS关于<a>标签的rel属性的书籍,即:

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

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

属性与它们所在的标签不同。

<link />是一个空元素,即它不能包含任何内容。它所做的只是指定与另一个文档的关系。此外,<link>标签仅用于<head>部分。

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

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

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

但如果你想创建允许用户下载css文件的链接,你可以做这个

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

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

但是在最终用户视图中看不到CCD_ 15数据,它只在inspect元素中可见。

KISS非常简单的

LINK==入站对象

A=出站对象

最新更新