如果在頭部使用關鍵CSS，將樣式表放在關閉body標籤之前是否有效？

我必須遵循Google的建議，首先在標題中內聯關鍵CSS，然後加載其他樣式。有些文章建議在JS的幫助下異步加載其他樣式。但是，我想知道我是否可以在關閉body標籤之前簡單地放置它們。是否會對渲染產生負面影響（考慮到上面的摺疊樣式已經加載）？如果在頭部使用關鍵CSS，將樣式表放在關閉body標籤之前是否有效？

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

來源

2016-11-30 sdvnksv

是的，沒關係。 – Troyer

這是無效的。如果是「好」，則是意見。 – Quentin

@Quentin，W3C驗證沒有報告任何錯誤。它破壞了什麼規則？ – sdvnksv

在HTML5.0的<link>元件只允許在<head>：

如果使用rel屬性，元件被限制在頭部元件。

（還要注意上一行：「鏈接元素必須有rel屬性」）

但HTML5.2 working draft放寬這一要求：

關鍵詞是身體好的影響是否鏈接元素被允許在主體中。本規範定義的body-ok關鍵字是預取和樣式表。

來源

2016-11-30 16:24:24

HTML 5.0自10月份以來一直死亡，請不要鏈接到它。 WHATWG規範今年已經被修改，以便允許這種渲染優化：https：//github.com/whatwg/html/pull/616。最新的W3C規範似乎已經引入了這一變化（https://www.w3.org/TR/html52/links.html#body-ok）。所以這個限制現在只是歷史。 –

@IlyaStreltsyn你是對的;我會糾正這個答案。謝謝。 –

如果在頭部使用關鍵CSS，將樣式表放在關閉body標籤之前是否有效？

回答

相關問題