[HTML] JS 和CSS 的位置對其他資源加載順序的影響
把所有外部文件（包指 CSS 文件和 JavaScript 文件）的引用都放在 <head>，這是我們慣用的作法。可是…
在HTML文件的 <head> 元素中包含所有 JavaScript 文件，意味著必須等到全部 JavaScript 代碼都被下載、解析和執行完成以後，才能開始呈現頁面的內容（瀏覽器在遇到 <body> 標籤時才開始呈現內容）。
對於那些需要很多 JavaScript 代碼的頁面來說，這無疑會導致瀏覽器在呈現頁面時出現明顯的延遲，而延遲期間的瀏覽器窗口中將是一片空白。為了避免這個問題，現代 Web 應用程序一般都把全部 JavaScript 引用放在<body> 元素中，放在頁面的內容後面，如下。資料來源 ☞ JavaScript中文網 | JS <script> 標籤的位置
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <title>Test page</title> <!-- 外部 CSS 文件（link[rel=stylesheet]）--> <!-- RWD CSS 樣式（style）--> <!-- 本頁 CSS 樣式（style）--> </head> <body> <!-- 這裡放置內容 --> <!-- JS 文件（script）--> </body> </html>
Source
☞ 知乎 | 網頁 head 標籤中的 JS 和 CSS，哪種文件放在前面，哪種放在後面比較好？☞ JS 和CSS 的位置對其他資源加載順序的影響
☞ js和css的順序關係
沒有留言: