采用CSS+DIV进行网页重构相对与传统的TABLE网页布局具有的优势

 

1：表现和内容相分离

将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。代码明了，冗余代码少，结构清晰。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。

2：提高搜索引擎对网页的索引效率

用只包含结构化内容的HTML代替嵌套的标签，那么搜索引擎就很容易分清，该网页讲的什么内容，哪里是重点，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。

3：提高页面浏览速度

对于同一个页面视觉效果，采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小，因为css是单独的一个文件保存的，所以，当你再次打开改网站的时候，就不用从服务器加载了，所以打开速度就快了。

4：易于维护和改版

你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

从以上的描述来看，采用CSS+DIV对网站重构可以大大提升网站用户与搜索引擎的友好度。

css内容分离文件出来有个唯一缺点就是网络不稳定的时候 读取CSS内容会不全导致页面样式变形所以有的站点会把CSS和HTML放在一起这个也是可以理解的 所以 做网页的时候也要注意，单个css样式不要太大了 但是一点是不点的 都要力求 代码简洁 提高代码重复使用率

建议的CSS文件是这样分的：字体一个文件、颜色一个文件、模块布局一个文件、其他一个文件