在雅虎性能的研究中,我们发现把样式表放在HEAD中使得页面看起来加载比较快。因为把样式表放在HEAD使得页面能够逐步呈现。
前端工程师关注性能,希望页面能够快速的加载,也就是说希望浏览器能够尽快地显示内容。这对拥有很多内容的页面来说是很重要的,对那些网络比较慢的用户来说也是重要的。给用户提供可视化的回馈是很重要的,比说进度指标,这些都得到了很好的研究也有相应的文档
http://www.useit.com/papers/responsetime.html。我们认为HTML页面是一个过程页面。当浏览器加载页面的时候,是按照头,导航条,顶部的logo等,给用户可视化得呈现出来。这可以提高用户的整体体验。
把样式表放在底部的问题是:它使得很多浏览器不能逐步呈现,包括IE。这些浏览器会采用块渲染的方式,以避免当样式改变时重画元素。用户将会被卡住观看一个空白页。
HTML规则
http://www.w3.org/TR/html4/struct/links.html#h-12.3清楚的说明了样式表需要被包含在HEAD中。“不同于A,[LINK]需要出现在HEAD中,当然它可以出现很多次。”对于空白屏幕或者是无样式的FLASH,都是值得牺牲的。最优的解决方法就是遵循HTML的规范,并且把你的样式表放在HEAD中。
分享到:
相关推荐
css层叠样式表手册_css样式表_css层叠样式表_css样式表下载css层叠样式表手册_css样式表_css层叠样式表_css样式表下载css层叠样式表手册_css样式表_css层叠样式表_css样式表下载
css样式表_深入透析样式表滤镜 解说文本!
通过Dreamweaver.CS3学习HTML+DIV+CSS教学PPT第11章__网页样式表CSS
里面有很详备的QT样式表说明,是学的不错的好资源
Qt QSS 样式表 网上收集 适用 qt 爱好者适用
优化浏览器渲染:将样式表放在页面顶部.
div CSS3动画带有的按钮_css3样式表属性动画按钮
另一款qt的qss样式表参考文件,黑色酷炫风格
Ajax代码引用页面_样式表CSS 通过代码,引用样式
CSS层叠样式表详解,方便直观学习。。。
QT样式表
CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式...
用JS控制CSS效果,可以改变文字的现实样式,更换皮肤。 通过下拉框可以更改背景色、边框颜色、文字颜色。 此网页特效支持IE、TT、世界之窗、遨游、360、绿色浏览器
qt中qss的参考样式表之一,内容主要是在网上搜罗的,可以试试
qss样式表模板,包括了17种样式表。
Qt样式表语法总结,Qt样式表的用法及各种效果的代码示范等
CSS就是Cascading Style Sheets,中文翻译为“层叠样式表”,简称样式表,它是一种制作网页的新技术。 网页设计最初是用HTML标记来定义页面文档及格式,例如标题<h1>、段落<p>、表格<table>、链接...
蓝色 (2)_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.rar
Qt入门-Style_Sheet样式表和2D绘图
5日精通css层叠样式表(CHM).rar