为什么使用link引用CSS样式表？

Question

如果CSS样式表是使用<style>内联定义的，那么为什么要使用<link>进行引用呢？

JavaScript使用<script>标签来定义内联脚本，并使用<script src="">引用它们，那么为什么不使用<style src="">来引用CSS呢？<link>标签是否有特殊功能，而<style>无法实现呢？

- Polyov

---

这不是适合提问的地方。这种问题更适合在 [chat] 中提出。请参阅 关于 StackOverflow。 - John Conde

无论如何，这是一个不错的问题！ :) - Praveen Kumar Purushothaman

这是历史遗留问题。HTML在多年的发展过程中逐渐增加了很多内容，但并不是所有的内容都是一致的。 - Erik Funkenbusch

Answer 1

这种style和source之间的不对称根源在于HTML处理脚本和资源的方式不同。Javascript是（惊喜！）脚本，而样式表则被认为是资源。

正如我们所知道的那样，脚本既可以内联编写，也可以从其他页面引用，都使用相同的元素：script。这就是规范告诉我们应该如何工作。

但是根据规范，样式元素只定义页面的样式，且仅限于此。它不能像script标签一样引用来自任何其他文档的样式。为什么？我说不上来。

另一方面，链接元素将资源链接到您的页面，这些资源也可以是样式表等其他内容。因此，当您外包样式时，不使用<style>，而是使用<link>。

确实，有人可以想象能够编写类似<style src=''>的东西，其中您设置样式的源，但是，遗憾的是，该属性不存在。因此我们不能这样做！

现在我明白说“因为规范如此”可能是最令人满意的答案。但现在这是我能为您提供的最好答案。

来源：样式和链接的规范。

- jamesplease