將樣式放在頁面頭部
概述
將內聯樣式塊和<link>元素從頁面<body>移動到頁面<head>中，這樣能提高渲染性能。
詳細信息
在HTML文件<body>中指定外部樣式表和內聯樣式塊可能對瀏覽器的渲染性能產生不利影響。瀏覽器阻塞渲染網頁直到所有外部的樣式表都已被下載。（用<style>標記指定的）內聯樣式塊可能會導致reflows和頁面跳動。因此，把外部樣式表和內聯樣式塊放在頁面的<head>中是很重要的。通過確保樣式表首先被下載和解析，可以讓瀏覽器逐步渲染頁面
建議
HTML 4.01規范（第12.3節）規定，始終把使用<link>標簽的外部樣式表放在<head>部分里。不要使用@import。還要確保您指定的樣式有正確的順序。
把<style>區塊放在<head>部分里。
程序員人生，我編程，我富裕，記住wfuyu網，php教程，php學習，php手冊，CMS模版制作
聲明：本站大部分內容是作者原創，少部分收集于互聯網供大家一起學習，原版權很多不明，如有侵權請聯系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權所有
