内部 CSS 去哪儿了？答案

【问题标题】：Where does internal CSS go?内部 CSS 去哪儿了？
【发布时间】：2011-10-25 18:53:51
【问题描述】：

我知道内部 CSS 应该在 (X)HTML 文档的 <head></head> 部分，但它是否需要在某些 <meta> 或 <title> 元素之前/之后，或者可以是任何顺序？

【问题讨论】：

标签： css head

【解决方案1】：

只要 head 标签中的元素不相互依赖（例如，当一个脚本依赖于先加载的另一个脚本时），顺序无关紧要。

在解码文件之前，浏览器会寻找包含内容类型和编码的元标记，所以最好在文件的早期有这个标记。

【讨论】：

【解决方案2】：

根据HTML5 spec，非作用域<style>元素基本上可以去<head>中的任何地方。

【讨论】：

【解决方案3】：

head标签中的元素可以任意排列。

【讨论】：

【解决方案4】：

任何顺序，如果没记错的话。但是，我通常经历过在元数据和标题之后的常见做法

【讨论】：

【解决方案5】：

没关系。只要在头部，可以在所有<meta>标签之前，也可以在<title>和<script>s之后。

简而言之：<style> 元素可以位于<head> 元素中的任何位置。

【讨论】：

【解决方案6】：

我假设它以任何顺序都有效，但您可以使用以下方式确认：W3C 的验证器：http://validator.w3.org/

【讨论】：