为什么DIV+CSS可以减小网页体积？

　　DIV+CSS的网页设计架构已经应用很多年了，并且十分广泛。为什么越来越多的网站选择用DIV+CSS来进行代码编写呢？DIV+CSS有哪些优势呢？在之前的许多文章中，我们已经多次提到有关DIV+CSS的特点了，比如可以加快网页浏览速度、减少冗余代码、提高关键词密度、提高搜索引擎爬行效率等等，另外，还可以大大减小网页体积。本文就针对为什么DIV+CSS可以减小网页体积进行重点分析。

　　我们知道，在过去很长一段时间里，table+tr+td这样的代码编写方式是大多数网页设计师津津乐道的经历，良好的可视化界面设计给了设计师很大的方便。但同时，由于这种结构的本身因素通常，使用table+tr+td构建的网站通常文件比较大，虽然table也可以使用CSS来控制，但在某些时候使用起来非常不方便。后来，DIV+CSS概念的推出，有效解决了这一问题。其基本思想是，通过DIV和其它诸如ul、li等元素构建网页前端，然后通过CSS文件来控制这些元素的属性，从而达到网页和样式分离的效果，更关键的好处在于，不同网页中使用同样展示风格的地方还可以多次重复调用这个CSS样式，达到资源共享的目的。举个例子，我们都喜欢打篮球，如果为每个人建一个篮球场，必然花费巨大。如果大家一起出资建一个篮球场，然后一起打球，那就一举多得了。DIV+CSS就是这样，由于许多网页共用一个CSS，那么，对于设计师来讲，那就方便多了，只需要把另外一个网页也加上这个样式的class就可以了，大量减少了工作量。同时，由于多个网页共享一个CSS，几乎所有CSS样式都不需要写在网页文件里，直接用一个CSS文件管理即可，从而大大减小了网页的体积。

　　由于DIV+CSS的应用，大大减小了网页的体积，也因此给网站带来了巨大的好处。减小了网页的体积，这就意味着打开网页所需要的时候会大大缩短，提高了用户的体验。不仅如此，由于网页读取速度加快，搜索引擎蜘蛛的爬行效率也得到了大大提升，从而提高搜索引擎的收录效率。由于CSS都集中到一个文件中进行管理，网页里不再需要编写CSS样式，使整个网页代码非常干净，除了网页中的文字、图片等，就只剩下div、ul、li等元素了，查看代码更加方案，更适合于二次开发。另外，可维护性也得到了大大提升，我们只需要修改CSS文件就可以对整个网站中的展示效果进行控制，十分方便。

　　而今，HTML5+CSS3已经开始普及，越来越多的网站采用了HTML5+CSS3进行开发。HTML5+CSS3为我们提供了更加丰富的网页元素和网页特效，比如我们之前需要采用FLASH或JS来实现的动画效果，现在只需要采用CSS3进行简单的设计就可以轻易实现。