天天看點

為什麼把CSS放頭部,script放下面

href 和 src 的差別:一般加載CSS用href,并放在頭部;加載script用src,放在body内的下方。

href 表示超文本引用,常用标簽的有link,a;src 指向的内容會嵌入到文檔中目前标簽的位置,常用的标簽有img,script。

css一般放在頭部,css的下載下傳解析是可以和html的解析同步進行的;

如果放到尾部,要花費額外時間來解析CSS,并且浏覽器會先渲染出一個沒有樣式的頁面,等CSS加載完後會再渲染成一個有樣式的頁面,頁面會出現明顯的閃動。

是以外鍊css無論放在html的任何位置都不影響html的解析,但是會影響html的渲染。

将script放在底部的原因是,當浏覽器解析到script的時候,就會立即下載下傳執行,中斷html的解析過程。

如果外部腳本加載時間很長,就會造成頁面長時間失去響應。是以需要放在body下方,等到html解析完之後再加載。