相信许多前端开发初学者在学习html和css 时，对div+css不会陌生。认为，div布局比table布局好。于是很容易就把table忘了，所有的页面不会出现一个table，于是乎觉得，这是非常好的。其实不然：
div布局优于table布局是有条件的，这个条件是整个页面来说的。下面摘自网络上关于div+css的优点：
1：表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。
2：提高搜索引擎对网页的索引效率
用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。
3：提高页面浏览速度
对于同一个页面视觉效果，采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。
(为什么快？
div可以下载一个显示一个，而table要完整下载才能显示。
table结构的网站需要先对table进行加载，然后读取table内的内容，而div是直接加载，所以div在一定程度上在加载速度优于table结构的网页。
)
4：易于维护和改版
你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。
(CSS+DIV制作的网站使得网站改版相对简单，很多问题只需要改变CSS而不需要改动程序，从而降低了网站改版的成本。)
从以上的描述来看，采用CSS+DIV对网站重构可以大大提升网站用户与搜索引擎的友好度。
由此可见，div布局确实比table布局好。但是不要被这些迷惑，table还是有用处的，特别是用于数据列表。如下图
这里用table会显得方便容易
这里贴上div 的代码和table的代码
table的
div的
div进行简化后的，语义似乎不怎么好
还有一个注意的，希望初学者不要局限于div+css。
了解xHTML+css，写符合标准，具有语义的结构，更是明智之举。