table布局与DIV+CSS布局的区别



table 布局

缺点
1.显示样式和数据绑定在一起
2.布局的时候灵活度不高
3.一个页面可能会有大量的table元素 代码冗余度高
4.增加带宽
5.搜索引擎不喜欢这样的布局

优点
1.理解比较简单
2.不同的浏览器看到的效果一般相同
3.显示数据还是很好的

DIV+CSS布局
基本思想: 数据和样式分离

优势
1.符合w3c标准，微软等公司均为w3c支持者
2.搜索引擎更加友好
3.样式的调整更加方便，内容和样式的分离，使页面和样式的调整变得更加方便。现在YAHOO MSN等国际门户网站，网易，新浪等
国内门户网站和主流的web2.0网站 均采用DIV+CSS布局，更加印证了DIV+CSS是大势所趋
4.CSS的极大的优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽。并且搜索引擎也更喜欢简洁的代码
5.表现和结构分离，在团队开发中更容易分工合作而减少相互关联性

DIV+CSS并不是要我们抛弃table 因为table在显示数据时，特别方便
因此在使用DIV+CSS时，该使用table时，就得使用