TABLE和DIV+CSS两种网页布局的优缺点

　　一、 TABLE布局方式

　　优点：

　　1、用法简单：对于初学网页设计的人来说，TABLE是一开始就就接触到的，而且使用Dreamweaver设计网页时，在工具栏里可以直接插入表格，同时设置表格的长宽、对齐方式等属性。网页设计培训_网页设计培训班_网页设计培训课程_电脑培训_集课网

　　2、所见即所得：在Dreamweaver里表现很明显。当用户插入表格的时候就能马上显示效果。

　　3、代码易于阅读：采用TABLE布局，标签无非是、、 几种。

　　4、建站速度快：新建网站时，从Dreamweaver直接拖入表格速度很快。

　　5、浏览器支持好：TABLE出现时间早，几乎所有浏览器都支持，显示效果也要好些。

　　缺点：

　　1、代码量大：TABLE至少要使用三个标签，而DIV只需要

　　这一个标签。

　　2、浏览器加载慢：代码量大，加载速度也慢。

　　二、 DIV+CSS布局方式

　　优点：

　　1、 标准化的页面结构：DIV+CSS是行业标准，是WEB发展的趋势。

　　2、代码简洁：

　　较TABLE来说代码精简许多。

　　3、页面浏览速度较快： 对于同一个页面视觉效果，网页设计培训_网页设计培训班_网页设计培训课程_电脑培训_91搜课网采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。

　　4、页面布局灵活：DIV+CSS使得页面布局方便操作灵活，改版时只需改CSS样式即可实现页面重新布局，而不用改动程序，从而降低了网站改版的成本。页面效果丰富，包括视觉效果和用户体验比如拖拉。

　　缺点：

　　1、可观性差：用户在编辑的时候并不能立即看到编辑效果，需要预览才可看到。

　　2、操作繁琐：相对于入门级的用户或是对代码不是很了解的人来说，操作起来很是麻烦。

　　3、兼容性较差：DIV+CSS设计的网站在IE浏览器里面正常显示，到火狐浏览器(FireFox )中有可能面目全非，故设计时需要把不同浏览器样式都考虑进去。

　　了解更多网页设计相关信息，请关注成都网页设计培训学校