86.style標簽寫在body后與body前有什么區別?


1⃣️ 寫在body標簽前利於瀏覽器逐步渲染:

      resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint

2⃣️ 寫在body標簽后:

      由於瀏覽器以逐行方式對html文檔進行解析;

      當解析到寫在尾部的樣式表(外聯或寫在style標簽)會導致瀏覽器停止之前的渲染,等待加載且解析樣式表完成之后重新渲染;

      在windows的IE下可能會出現FOUC現象(即樣式失效導致的頁面閃爍問題);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM