1⃣️ 寫在body標簽前利於瀏覽器逐步渲染:
resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint
2⃣️ 寫在body標簽后:
由於瀏覽器以逐行方式對html文檔進行解析;
當解析到寫在尾部的樣式表(外聯或寫在style標簽)會導致瀏覽器停止之前的渲染,等待加載且解析樣式表完成之后重新渲染;
在windows的IE下可能會出現FOUC現象(即樣式失效導致的頁面閃爍問題);
1⃣️ 寫在body標簽前利於瀏覽器逐步渲染:
resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint
2⃣️ 寫在body標簽后:
由於瀏覽器以逐行方式對html文檔進行解析;
當解析到寫在尾部的樣式表(外聯或寫在style標簽)會導致瀏覽器停止之前的渲染,等待加載且解析樣式表完成之后重新渲染;
在windows的IE下可能會出現FOUC現象(即樣式失效導致的頁面閃爍問題);
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。