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进行简单的设计就可以轻易实现。