table和div的区别？如何取舍？

 时间：2015-03-28 02:56:28

导语

早期我们进行网站布局都是通过table进行布局，后期是table+div，到现在完全使用div布局，但是具体使用table布局和使用div布局有什么区别呢？该如何取舍呢？

区别：

第一点：能够承担访问量的大小有区别。如果你只是简单的完成一个小型架构的网站，可能只是一个演示模型，或者只是一个公司的人用，可以简单使用table进行布局（毕竟不用进行行和列的定位和设计，一段复杂的div+css完全可以被一条table搞定）。但是如果你的页面比较花哨，有许多js，jq效果，而且还需要大量循环，那就还是老老实实写div吧。

第二点：table扩展性差。table严格的按照其规格化的模式进行布局，随着时代的发展需求也是在不停变化，如果你想要对该站点进行维护，sorry，恐怕你要把所有代码完全推翻再来一遍了。

第三点：table入门简单，使用方便。在你还在困惑而痛苦的为把div放在一个感觉合适的地方烦恼时，当你还搞不明白float和clear该在什么地方出现才能保证我这一块div不往下掉时，table使用者连网站都做好啦。

第四点：table更加可读性差。因为table本身有自己的一套框架，对于如何框定大小框定行列都很严谨，所以在做复杂网页的时候会发现用了许多的有时都完全分不清楚，难以维护。

第五点：div+css入门难度高，但是扩展性强，使用灵活。

第六点：table兼容性比div好。当学起来css的时候，你会发现，不同的ie内核对同样的css有着不同的解读，有时在ie9+排好的版面在ie8，7，6都完全无法使用，甚至火狐、chrome都对同一段css有自己的理解。

看完div与table之间的区别，你知道自己该使用哪个进行布局了吗？