html - <head></head> 中标签的顺序-6ren

html - 中标签的顺序

转载作者：技术小花猫更新时间：2023-10-29 11:35:53

41

4

<link> 的顺序有什么关系吗？或 <script>或 <meta>标签位于 <head></head> 中？

(愚蠢的问题，但其中一件事我直到现在才考虑过。)

最佳答案

优化

据 Yahoo! 的人说你应该put CSS at the top和 scripts at the bottom因为脚本会阻止并行下载。但这主要是优化问题，对于页面的实际工作并不重要。 Joeri Sebrechts指出Cuzillion是测试这一点并亲自查看速度改进的好方法。

多个样式表

如果链接多个样式表，它们的链接顺序可能会影响页面的样式，具体取决于 specificity of your selectors .换句话说，如果您有两个样式表以两种不同的方式定义同一个选择器，则后者优先。例如:

样式表 1:

h1 { color: #f00; }

样式表 2:

h1 { color: #00f; }

在此示例中，h1 元素将具有颜色 #00f，因为它是最后定义的，具有相同的特性:

多个脚本

如果您使用多个脚本，并且其中一个脚本依赖于另一个脚本中的内容，那么它们的使用顺序可能很重要。在这种情况下，如果脚本以错误的顺序链接，您的某些脚本可能会抛出错误或无法按预期工作。然而，这在很大程度上取决于您使用的脚本。

关于html - <head></head> 中标签的顺序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/190890/

41

4

0

文章推荐： element.style 的 jQuery 高度