javascript - style標籤寫在body後與body前有什麼差別
習慣沉默
習慣沉默 2017-05-19 10:26:04
0
6
1434

style標籤寫在body後與body前有什麼差別?

習慣沉默
習慣沉默

全部回覆(6)
巴扎黑

寫在head標籤中利於瀏覽器逐步渲染(resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint)。具體渲染過程請參考
http://blog.csdn.net/wozaixia...
寫在body標籤後由於瀏覽器以逐行方式對html文檔進行解析,當解析到寫在尾部的樣式表(外聯或寫在style標籤)會導致瀏覽器停止之前的渲染,等待載入且解析樣式表完成之後重新渲染,在windows的IE下可能會出現FOUC現象(即樣式失效導致的頁面閃爍問題)

大家讲道理

寫在後面就是先加載body後加載style樣式啊- -還能有什麼區別。 。

世界只因有你

寫在後面可能會造成FOUC,寫在前面是比較好的

曾经蜡笔没有小新

載入順序,在前就在 body 前加載, 在後就在 body 加載後,再加載

给我你的怀抱

這跟瀏覽器爬蟲有關,載入頁面爬蟲進入html模式,寫在body前,頁面還未開始展示,不會出現頁面白屏效果;寫在body後,爬到css代碼的時候,爬蟲進入css模式,可能會出現白屏的情況。

伊谢尔伦

一般樣式都是放在 head 之間的。 如果樣式放在底部。 他會載入標籤, 然後渲染樣式。 如果加載慢的話, 你會看到他會跳舞。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板