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

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

更新:

我感到困惑,因为我在 The Complete Reference HTML & CSS 书中看到关于 <a> 标记的 rel 属性,即:

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

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

原文由 Tarik 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 334
2 个回答

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

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

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

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

原文由 Jon Egeland 发布,翻译遵循 CC BY-SA 3.0 许可协议

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

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

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

原文由 Piotr Perak 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题