CSS+DIV与TABLE+CSS的优势比较

CSS+DIV与TABLE+CSS的优势比较

新型的网站建设都已经大量的运用新式的网站布局手法，那就是css+div，然而以前一贯使用的table布局依然可用，只是相比之下没有CSS+DIV运用的那么灵活。

采用CSS+DIV对网站重构日趋被大家重视起来了，尤其是大型站点。其实，早些时候像阿里巴巴、163等大型门户站点就已经完成了重构工作。使用CSS+DIV来编写网页源码，这种方法确实比传统的table形式的源码架构强多了，那到底有什么显着的特点呢？

采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显着优势：

1、表现和内容相分离

将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。

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

用只包含结构化内容的HTML代替嵌套的卷标，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评分。

3、提高页面浏览速度

对于同一个页面视觉效果，采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。

4、易于维护和改版

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

从以上的描述来看，采用CSS+DIV对网站重构可以大大提升网站用户与搜索引擎的友好度。既然是这样，那为什么不从现在开始就学习并掌握CSS+DIV的网站重构方法呢？还不赶紧去学习学习，优化一下自己的网站。