CSS在网页中的放置顺序
CSS要放在HTML的<body>
前面,也就是<head>
中。
因为这样浏览器会先读取CSS的样式,然后读到<body>
里面的内容时候,读一个添加一个样式。好比先准备好衣服,让小朋友们排队,来一个穿上一个。假如放在后面,就相当于先把小朋友们集合起来,光溜溜的等着穿衣服。如果小朋友的数量特别多,那么后面的小朋友就要等很长时间才能得到衣服穿。
把CSS放在后面
- 对于IE、Chrome浏览器,可能出现白屏问题
- Firefox浏览器,可能会出现无样式内容闪烁
JS在网页中的放置顺序
JS要放在HTML的后面,也就是</body>
这个闭合标签前。
这是因为JS加载的过程中,浏览器会停下来,等待这个JS加载完成再读取后面的内容,这样JS就阻塞了后面内容的呈现以及后面组件的加载。所以要放在body
的最后,先读完HTML和CSS,静态页面先出来,最后读取加载JS,让页面动起来。