div+css的优缺点分析

Thursday, September 18th, 2008 | SEO技术

随着WEB2.0标准化设计理念的普及，国内很多网站已经纷纷使用DIV+CSS改版，是什么样的优点让大家不遗余力地用这种结构改版自己的网站，CSS+DIV到底有那些优点和缺点呢？下面我们就来谈谈。

优点：

一、加快页面载入速度

由于所有控制页面格式的代码都写在了CSS当中，使得页面体积容量变得更小。同时DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，必须全部加载才能显示。

二、节省流量

CSS页面只载入一次，不用每个页面加载，能最大限度地节省流量。

三、改版更加方便

由于使用了DIV+CSS制作方法，只需更改CSS文件即可对网站的式样进行更新。

四、保持页面统一

以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。

五、对搜索引擎更加友好

由于页面没有多余的代码，便于搜索引擎收录和优化。

六、对浏览器兼容性更好

由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。

缺点：

一、学习难度加大

由于还没有很好的可视化编辑工具，CSS成为初学者的一道难关，网站设计成为面对代码的编程，学习难度加大。

二、页面载入问题

CSS网站制作的设计元素通常放在1个外部文件中，或几个文件，有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。

三、浏览器兼容性问题

虽然说DIV+CSS解决了大部分浏览器兼容问题，但是由于每个浏览器解析CSS的方式不同，也会在部分浏览器中使用出现异常。比如在IE中显示正常的页面，到了火狐浏览器中可能会面目全非。当然这应该是浏览器的问题，但是可以说在目前来看，DIV+CSS还没有实现所有浏览器的统一兼容。

综合以上讨论的DIV+CSS优势和劣势，我认为不可盲目跟风，如何更有效、更合理的运用WEB2.0设计标准，这需要很长时间的学习和锻炼。而如何将DIV+CSS运用的更好，这需要通过不断的实践和体检，积累丰富的设计经验，才能很好的掌握这门技术。

Tags: css, div, div+css