浏览器加载和渲染html的顺序,Div和Table的区别

简介:



浏览器加载和渲染html的顺序

http://my.oschina.net/ydsakyclguozi/blog/209730


Div和Table的区别

http://www.cnblogs.com/lovebear/archive/2012/04/18/2456081.html



摘要:

div 和 table 的差异不是速度,而是加载方式,速度只能是指网络速度,如果速度足够快,是没有差异的:

div 的加载方式是即读即加载,遇到 <div> 没有遇到 </div> 的时候一样加载 div 中的内容,读多少加载多少;table 的加载方式是完成后加载,遇到 <table> 后,在读到 </table> 之前,table 中的内容不加载,或者传输中断了(document.onload()事件)的时候加载,这是因为TABLE牵涉到多行多列问题,所以只有当TABLE所有内容加载完毕,IE才知道该怎么显示


如果页面首尾加 table ,那么必须等整个页面读完了才加载

如果页面首尾加 div ,无任何影响




如何加快HTML页面加载速度



恩,能不用Table就尽量不用,最好都用Ul li处理。除非复杂的表格数据。





      本文转自许琴 51CTO博客,原文链接:
http://blog.51cto.com/xuqin/1384508
,如需转载请自行联系原作者


相关文章
|
3天前
|
Web App开发
在HTML中用meta控制浏览器默认模式
在HTML文档的`&lt;head&gt;`标签中,通过添加不同的`&lt;meta&gt;`标签可指定浏览器默认使用的内核。使用`&lt;meta name=&quot;renderer&quot; content=&quot;webkit&quot;&gt;
13 1
|
9天前
|
Web App开发 移动开发 JavaScript
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
16 5
|
1月前
|
缓存 JavaScript 前端开发
浏览器渲染:理解页面加载的幕后工作
浏览器渲染:理解页面加载的幕后工作
|
9天前
|
移动开发 前端开发 JavaScript
浏览器端图表渲染技术SVG, VML HTML Canvas
浏览器端图表渲染技术SVG, VML HTML Canvas
10 0
|
10天前
|
XML 存储 移动开发
htl和html5的区别是什么?我来告诉你
htl和html5的区别是什么?我来告诉你
|
13天前
|
前端开发 容器
HTML <div> 和<span>
【6月更文挑战第2天】HTML <div> 和<span>。
17 5
|
17天前
|
前端开发 容器
HTML <div> 和<span>
HTML <div> 和<span>
|
1月前
|
前端开发
html中行内元素、块级元素、行内快元素都有哪些,以及区别
html中行内元素、块级元素、行内快元素都有哪些,以及区别
25 1
|
1月前
|
前端开发 JavaScript
浏览器通过构建DOM树来解析HTML代码
【4月更文挑战第30天】浏览器通过构建DOM树来解析HTML代码
29 1