我对<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=出站对象