你不知道的div table

自从web2.0时代来临，大家都在说用div取代原来的table,大师们肯定都知道原因，但是像我这种比较菜的老鸟还是没搞清楚是为什么

一旦没有搞清楚为什么，我对这种说法总是持怀疑态度，不是十分认同，所以google一下这种说法的具体原因

好了，说了一堆废话，现在回归正题

 其实，用div取代table最主要原因无非是二者的差别造成的

具体有哪些差别呢？

1,table的书写最少要三部分table,tr,td,Div很简单，只要div就够了，很明显，书写简洁

2,用户体验，大家都用过table,table加载方式是<table></tabble>里面的内容全部加载完，才显示，所以，如果一个大table里面内容很多的话，加载页面时候就会有一段时间的页面空白,这时候如果我们是用户的话，肯定也会不爽的,可能会觉得页面是不是死掉了,可能觉得页面有问题，直接关掉

div加载方式是 按顺序加载<div></div>之间的内容，如果div里面内容太多，会一部分一部分的加载，这时候，用户看到页面在加载，不会误以为页面死掉

3,div方便搜索引擎抓取，因为div+css真正实现了内容和样式的分离，基本上div里面都是实际的内容,样式都在css里面，引擎抓取div里面的内容就是实际的内容

内容和样式分离还会使页面变的比较小，自然加载速度也会快一点 

table里面会有很多样式以及tr,td,引擎还要对内容就行辨识,当然table+css也可以,不过罗嗦一下，既然table+css你都愿意做，何不用div+css呢，少了tr,td呢

4, 浏览器的支持,由于table相对div产生的时间更长，浏览器支持要好一些，因为当初大家都是用table，浏览器不支持就废了

div+css在FF,IE下面经常出现效果不大一致情况，甚至其他浏览器出现莫名其妙的页面变形 

转载于:https://www.cnblogs.com/A-I/archive/2010/06/13/1757551.html