STU网页设计

网页作业使用DIV CSS布局和表格布局排版有哪些区别?

更新时间:2020-12-09   文章分类:网页技术课堂

DIV布局和表格布局是两种完全不同的网页排版方式,一般大学生前期网页设计课程作业都是要求通过table进行布局,到了中后期课程作业会要求table+div 或者完全使用div布局,那么具体使用table布局和使用div布局有什么区别呢?
 
简单来说一般DIV+CSS布局是纯手写代码,是使用Dreamweaver或者其他html编辑软件甚至记事本去纯手写完成。而Table表格布局是通过Dreamweaver的设计视图,操作Dreamweaver的面板,不接触代码,代码由Dreamweaver自动生成。

DIV与TABLE的区别
 
table布局起点低,入门简单,使用方便。在你还在困惑而痛苦的为把div放在一个感觉合适的地方烦恼时,当你还搞不明白float和clear该在什么地方出现才能保证我这一块div不往下掉时,table使用者连网站都做好啦。div+css入门难度高,但是扩展性强,使用灵活。
 
table兼容性比div好。当学起来css的时候,你会发现,不同的ie内核对同样的css有着不同的解读,有时在ie9+排好的版面在ie8,7,6都完全无法使用,甚至火狐、chrome都对同一段css有自己的理解。

两者代码结构完全不同,无法切换的,如需切换需要整站全部重做或使用其他软件。
STU网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询