Div与CSS布局优势说明

如今大部分网站仍然采用表格嵌套内容的方式来制作网站，虽然此方法对于我们来说比较熟悉、比较好上手;但是，它却阻碍了一种更好的、更有亲和力的、更灵活的而且功能更强大的网站设计方法-Div+CSS的使用。随着Web 2.0标准化设计理念的普及，国内很多大型门户网站已经纷纷采用DIV+CSS制作方法，从实际应用情况来看，此种方法好于表格制作页面的方法。

CSS网页布局的意义体现在如下方面。

1.使页面下载得更快

由于将大部分页面代码写在了CSS当中，使得页面体积变得更小。相对于表格嵌套的方式，Div+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载，而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。

2.降低流量费用

页面体积变小，浏览速度变快，这对于某些控制主机流量的网站来说是很大的优势。

3.修改设计时更有效率

由于使用了Div+CSS制作方法，在修改页面的时候更易于省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。

4.保持视觉的一致性

Div+CSS最重要的优势之一。保持视觉的一致性;以往表格嵌套的制作方法，会使得页面与页面或者区域与区域之间的显示效果有所偏差;而使用Div+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。

5.更好地被搜索引擎收录

由于将大部分的日丁ML代码和内容样式写入了CSS文件中，这就使得网页中正文部分更为突出明显，便于被搜索引擎采集收录。

6.对浏览者和浏览器更具亲和力

对浏览者和浏览器更具亲和力，Div十CSS在这方面更具优势。我们都知道网站做出来是给浏览者使用的，由于CSS富含丰富的样式，使页面更加灵性，它可以根据不同的浏览器，而达到显示效果的统一和不变形，所以能吸引更多的浏览者。