在html文件中引用外部樣式表的正確位置是什麼
- 青灯夜游原創
- 2021-02-03 15:12:5717668瀏覽
在html文件中引用外部樣式表的正確位置是：「」部分。因為瀏覽器程式碼解析是從上到下的；如果把css放在底部，當網速慢時，html程式碼載入完成但css沒載入完，會導致頁面沒有樣式而難以閱讀，所以先載入css樣式能讓頁面正常顯示。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
在html文件中引用外部樣式表的正確位置是：「<head>」部分。
為什麼外鏈css為什麼要放頭部<head>部分？
首先整個頁面展示給使用者會經過html 的解析與渲染過程。
而外鏈css無論放在html的任何位置都不影響html的解析，但是影響html的渲染。
如果將css放在尾部，html的內容可以第一時間顯示出來，但會阻塞html行內css的渲染。 【推薦教學：CSS影片教學 】
瀏覽器的這個策略其實很明智的，想像一下，如果沒有這個策略，頁面首先會呈現出一個行內css樣式，待CSS下載完之後又突然變了一個模樣。使用者體驗可謂極差，而且渲染是有成本的。
如果將css放在頭部，css的下載解析是可以和html的解析同步進行的，放到尾部，要花費額外時間來解析CSS，並且瀏覽器會先渲染出一個沒有樣式的頁面，等CSS載入完後會再渲染成有樣式的頁面，頁面會出現明顯的閃爍的現象。
更多電腦程式相關知識，請造訪：程式設計影片！ ！
以上是在html文件中引用外部樣式表的正確位置是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css 修改後 不更新怎麼辦下一篇：css 修改後 不更新怎麼辦