网页设计美工在招手幸福来敲门

网页设计中传统的表格布局与DIV+CSS布局的区别【青岛彤欣分享】

在学习网页设计的时候，页面布局是重要的一个内容。网页的页面布局有表格布局和DIV+CSS布局两种方法。但传统表格布局现在已基本被DIV+CSS所替代。那么，为什么表格布局会被淘汰，它和DIV+CSS布局有什么区别呢？

1.表格布局
网页设计传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容的，使用表格单元格的合并、拆分以及表格的多层嵌套制作出不规则的表格，从而划分页面的结构。表格布局简单易学，其优点就是制作简单、快速。但表格布局也有致命的缺点。，在制作复杂页面时，需要多层表格嵌套使用，当表格的层次嵌套太多时，搜索引擎对网页中的关键词就抓取不到了。另外，用表格布局的页面维护困难，当页面布局有较大调整的时候，页面的布局表格基本上需要重新制作。这些缺点都导致了表格布局终被淘汰。

2. DIV+CSS布局
网页设计中的DIV+CSS布局，是由CSS定义的大小不一的盒子和盒子嵌套来排版网页。这种排版方式的大的优点就是网页代码简洁，表现（CSS）和内容（HTML）可以完全分离，维护方便，可以很容易的实现网页换肤，而且DIV的嵌套层次并不会对搜索引擎的收录有影响。其缺点就是难度较大，不易掌握。