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