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