你不知道的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下面经常出现效果不大一致情况,甚至其他浏览器出现莫名其妙的页面变形