养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

table和div的区别如何取舍

时间:2024-09-20 14:34:24

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

table和div的区别如何取舍

区别:

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

table和div的区别如何取舍

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

table和div的区别如何取舍

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

table和div的区别如何取舍

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

table和div的区别如何取舍

5、第五点:div+css入门难度高,但是扩展性强,使用灵活。

table和div的区别如何取舍

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

table和div的区别如何取舍

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

© 一点知识