网页布局之Div vs Table （1）

关于网页布局，大体上可以分为两种，一种是使用table布局，另一种使用div布局，很多人说现在主流的网页布局是div+css。那么div和table布局究竟有那些联系和区别呢？我们又该如何进行网页布局呢？

 

下面对这两种网页布局进行一些探讨。看了一些大公司的网页布局，其中腾讯，网易，中国移动等公司都使用的是div进行的布局。而工商银行则使用table进行布局。

 

div和table布局各自的优缺点：

1：div+css进行布局，可以实现table的页面布局效果，还能减少页面中元素的个数，使得页面夹在较快，而且能更好的被搜索引擎相匹配。

2：table进行布局可以有一个统一的外观，便于控制格式，对于初学者来说是很好的选择。还有一个最大的好处就是兼容性好。

3：div的缺点是兼容性没有table好，而且对于新手来说，div没有table好控制。

4：table的缺点就是太多的table嵌套会使网页的内容量减少，而且看起来非常臃肿，网页的加载速度变慢。

5：在网页显示的时候，table必须把结束</table>加载完以后才能显示整合网页，而div则是一个小的显示块，加载完以后可以逐个显示。这样div在一定程度上比table显示的要快，性能上更好。

 

 

个人分析感觉，在一些项目中，企业内部使用的管理信息系统，很多多使用的table进行布局，因为企业内部系统一般没有很多的特效，不需要精细的处理，也不是为了吸引人浏览而做的。相对来说企业网络较好，所以使用table布局快速，简洁，方便。而工商银行使用table应该更多的是想到了兼容性。

而一些互联网公司，它为了吸引客户，做了很多的特殊的效果，也为了增加自己在搜索引擎中的权重，必须做一些特殊的处理。使用div还是比较好的。

 

下面博介绍一下div和table的常用手法

  下一篇：div和table实现相同的效果