早期我们进行网站布局都是通过table进行布局,后期是table+div,到现在完全使用div布局,但是具体使用table布局和使用div布局有什么区别呢?该如何取舍呢?
区别:
1
第一点:能够承担访问量的大小有区别。如果你只是简单的完成一个小型架构的网站,可能只是一个演示模型,的人用,可以简单使用table进行布局(毕竟不用进行行和列的定位和设计,一段复杂的div+css完全可以被一条table搞定)。但是如果你的页面比较花哨,有许多js,jq效果,而且还需要大量循环,那就还是老老实实写div吧。
2
第二点:table扩展性差。table严格的按照其规格化的模式进行布局,随着时代的发展需求也是在不停变化,如果你想要对该站点进行维护,sorry,恐怕你要把所有代码完全推翻再来一遍了。
3
第三点:table入门简单,使用方便。在你还在困惑而痛苦的为把div放在一个感觉合适的地方烦恼时,当你还搞不明白float和clear该在什么地方出现才能保证我这一块div不往下掉时,table使用者连网站都做好啦。
4有时都完全分不清楚,难以维护。
第四点:table更加可读性差。因为table本身有自己的一套框架,对于如何框定大小框定行列都很严谨,所以在做复杂网页的时候会发现用了许多的
5
第五点:div+css入门难度高,但是扩展性强,使用灵活。
6
第六点:table兼容性比div好。当学起来css的时候,你会发现,不同的ie内核对同样的css有着不同的解读,有时在ie9+排好的版面在ie8,7,6都完全无法使用,甚至火狐、chrome都对同一段css有自己的理解。
7
看完div与table之间的区别,你知道自己该使用哪个进行布局了吗?
下一篇:如何用电饭锅炸薯片呢?
推荐信息
- 1
HTML中table表格标签常用属性讲解
- 2
HTML教程 table标签的常用属性
- 3
HTML入门之表格Table的使用
- 4
html中table如何使用
- 5
CAD中如何为table命令便签
- 6
HTML标签中table如何跨行跨列
- 7
html中table表单如何应用?
- 8
table对象如何使用align属性?
- 9
网页table中的colspan和rowspan属性总结
- 10
如何设置jsp页面中table的宽度
- 11
jquery如何隐藏table表格
- 12
jquery如何取table中某一行的数据
- 13
table表格跨列;colspan的使用
- 14
Html如何创建好看的table 表格?
- 15
SWT学习:[1]Table的用法及示例
- 16
如何在html中创建一个table表
- 17
如何隐藏table中的指定列
- 18
table创建的四种方法
- 19
HTML表格分页,table分页怎么做?
- 20
jquery怎样取得table中指定某一行每一列的值
- 21
惠普电脑重装win7系统怎么弄
- 22
惠普打印机hplaserjef1010使用说明
- 23
惠普笔记本拆机教程
- 24
如何使用惠普家用复印机
- 25
怎么安装惠普打印机?
- 26
惠普打印机连接
- 27
惠普win7系统安装方法,惠普win7系统怎么安装
- 28
HP DeskJet 2700系列 如何使用HP ePrint打印
- 29
win7系统惠普deskjet1010、1011安装好打印不了
- 30
32/64 位 win7 共享HP LaserJet 1010系列打印机
- 31
如何设置惠普打印机
- 32
电脑启动之:[3]惠普笔记本启动之后黑屏
- 33
惠普 hp CM1015、1017机器颜色校准
- 34
HP 1010在win7下打印速度慢解决方案
- 35
省钱就是赚钱——打印机省墨模式如何开启
- 36
打印机脱机怎么办?
- 37
惠普HP Laser Jet 1018激光打印机功能使用
- 38
惠普打印机驱动下载
- 39
HP惠普P1007打印机打印黑色条痕废粉仓清理
- 40
惠普(康柏) HP ep7110 Home Cinema Digital :[7]
