Question

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

<html>
  <head>
    <style>
      <!-- Critical CSS goes here to display what's above the fold -->
    </style>
  </head>
  <body>
    ...
    <link rel="stylesheet" ... >
  </body>
</html>

Answer 1

在HTML5.0中，<link>只允许使用<head>元素：

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

（另请注意前一行：＆＃34;链接元素必须具有rel属性＆＃34;。）

但是HTML5.2 working draft放宽了这个要求：

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

如果在头部使用关键CSS，将样式表放在结束体标记之前是否有效？

1 个答案: