用DIV+CSS做网站有什么好处

DIV+CSS的开发思路面世已经快十年了，随着互联网的发展，它的应用也越来越普及，并且得到了深化。特别是近几年，HTML5和CSS3的问世，使用DIV+CSS3+HTML5的设计框架又达到了一个空前的高潮。CSS3加入了更多的网页效果，使之前需要使用图片和JS来实现的图片效果和动画效果通过CSS3轻易就能实现，大大减少了对网页代码的依赖。而HTML5则加入了许多更加人性化的元素，比如视频和音频播放功能、比如进度条元素等等。感谢这些默默无闻的工作者，使得我们在降低网站开发所需要的成本的同时，还给予了我们丰富的、更加人性化的设计元素。

现在，使用DIV+CSS设计的网站已经达到了60%以上，这是整个互联网行业的进步。为什么越来越多的人们选择了DIV+CSS呢，那么，它一定有它的好处或过人之处。易捷网络的网络工程师做了如下总结：

1、大大减少了网站的冗余代码

以前，我们常常采用table+tr+td这样的设计样式，有关于这个表格的所有属性都在网页元素本身进行设置，这样就导致了不同网页的同样风格的元素需要写两次这样的属性。如果使用DIV+CSS，一切就不同了，将网页文件与CSS样式进行分离，不同的网页调用同一个CSS进行样式管理。这样一来，我们就不需要为每一个网页中的DIIV设置样式了，当多个网站中的某个DIV展现的效果是一样的时候，我们可以将这些DIV指向同一个样式，这意味着我们只需要在CSS中设置一个样式而被多个网页引用，从而大大减少了冗余代码。

2、大大提高了网页的打开速度

第1条中已经提到，减少了网站的冗余代码，这意味着每一个网站中不需要再单独设置独立的样式了，这样一来，网页的代码量减少了至少一半，也就是说，利用DIV+CSS我们只需要原来一半的代码就可以实现全部的设计需要。同时，由于冗余代码量大大减少了，网页的体积也就大大降低了。比如原来一个100K的网页，现在只有50K了，这就意味这我们的网页打开速度将提高一倍。

3、大大增强了搜索引擎的友好

网页一些无关的代码减少后，同时也增加了有用文字的密度，保持一种合适的关键词密度对搜索引擎来讲是非常重要的，它能使某些关键词的竞争能力得到大大提升。随着网页体积的减少，网页浏览速度也随之加快，这就意味着搜索引擎蜘蛛在同样一年时间单位里爬行更多的页面进行收录或更新。众所周知，一个网站中的网页收录越多，越有可能带来更多的访客，而访客越多，则意味着网站会为企业带来更好的效益。

4、大大提高了网站的可维护性

DIV+CSS的基本特性为，使用一个CSS文件就可以控制所有网页中的样式和展示效果。同时，也就意味着我们只需要对这个CSS文件进行简单的修改就能够控制网站中全部的样式效果。比如，我们希望所有产品图片都带有一条1像素的灰色边框时。

现在，CSS3和HTML5已经问世，通过各种应用，它的优势也越来越明显。CSS3+HTML5进一步简化了实现某些效果的难度、进一步加强了网站代码的简洁性和易维护性。特别是在移动应用中表现的尤其出色，比如手机网站，而手机网站最基本要求是网页体积越小越好，这样可大大降低网站对移动网络的要求，提高用户浏览体验。