Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果在头部使用关键CSS,将样式表放在结束正文标记之前是否有效?_Javascript_Html_Css - Fatal编程技术网

Javascript 如果在头部使用关键CSS,将样式表放在结束正文标记之前是否有效?

Javascript 如果在头部使用关键CSS,将样式表放在结束正文标记之前是否有效?,javascript,html,css,Javascript,Html,Css,我必须遵循Google的建议,首先在标题中内联加载关键CSS,然后加载其他样式。一些文章建议在JS的帮助下异步加载其他样式。但是,我想知道是否可以简单地将它们放在结束body标记之前。这是否会对渲染产生负面影响(假设上面的折叠样式已经加载) ... 元素中的仅允许在中使用: 如果使用rel属性,则元素仅限于head元素 (请注意前一行:“链接元素必须具有rel属性”。) 但政府放宽了这一要求: body ok的关键字会影响是否允许在body中使用链接元素。本规范定义的body ok关键字是pr

我必须遵循Google的建议,首先在标题中内联加载关键CSS,然后加载其他样式。一些文章建议在JS的帮助下异步加载其他样式。但是,我想知道是否可以简单地将它们放在结束
body
标记之前。这是否会对渲染产生负面影响(假设上面的折叠样式已经加载)


...
元素中的
仅允许在
中使用:

如果使用rel属性,则元素仅限于head元素

(请注意前一行:“链接元素必须具有rel属性”。)

但政府放宽了这一要求:

body ok的关键字会影响是否允许在body中使用链接元素。本规范定义的body ok关键字是prefetch和stylesheet


是的,没关系,它是无效的。是否“正常”是一个意见问题。@Quentin,W3C验证没有报告任何错误。它打破了什么规则?WHATWG规范今年已经修改,允许这种渲染优化:。最新的W3C规范似乎已经移植了这一变化()。因此,它已经根据WHATWG规范生效,并且很快将根据W3C规范生效。@IlyaStreltsyn应该作为答案发布,而不是注释。HTML 5.0自10月份以来已失效,请不要链接到它。WHATWG规范今年已经修改,允许进行这种渲染优化:。最新的W3C规范似乎已经移植了这一变化()。所以这个限制现在只不过是历史。@IlyaStreltsyn你是对的;我会纠正这个答案。非常感谢。
<html>
  <head>
    <style>
      <!-- Critical CSS goes here to display what's above the fold -->
    </style>
  </head>
  <body>
    ...
    <link rel="stylesheet" ... >
  </body>
</html>