Maison  >  Article  >  interface Web  >  再论:div+css对网站的好处_html/css_WEB-ITnose

再论:div+css对网站的好处_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:47:171059parcourir

1,内容和形式分离,网页前台只需要显示内容就行,形式上的美工交给CSS来处理。生成的HTML文件代码精简,更小打开更快。

2,改版网站更简单容易了,不用重新设计排版网页,甚至于不用动原网站的任何HTML和程序页面,只需要改动CSS文件就完成了所有改版。对于门户网站来说改版就像换件衣服一样简单容易。

3,css+div使改版网站更简单容易!不用重新设计排版网页,甚至于不用动原网站的任何HTML和程序页面,只需要改动CSS文件就完成了所有改版。

DIV+CSS对于门户网站来说改版就像换件衣服一样简单容易,改版时,不用改动全站HTML页面,只需要重新写CSS,再用新CSS覆盖以前的CSS就可以实现改版了。方便吧。比如我做的一个项目:配资公司(www.ya-jing.cn),之前是红色的,现在我直接在css中改了一些代码后整体就变为蓝色格调了,而且宽粗比例等都非常容易的调整。

方便是方便了,但是一个网站,我想问一下是不是一个月就要改次版?或是半年就要改一次?估计这么频繁的网站少的很哦。现在很多知名网站,行业的,门户 的,包括个人网站,最多也是一年改一次版。一年改一次版,你一年才用一次重新写CSS,而且你写的CSS时间所用时间,比我用table制作时慢一二倍 (技术熟练情况下)。那我何必还要用CSS啊?我用table一样可以完成的效果,二分钟就做好了表格,你用css写要用十分钟。

全国中小型站长的网站数据量一般也就在十万条数据之内,现在用自动批量生成HTML功能,生成完也用不了几个小时时间吧。费这点神一年也就一次,没什么大不了的。

所以除非你网站一个月改一次版,那么你还是用最熟练和方便的方法来实现网页设计为妙。

当然如果你CSS已经学的如火纯青了,而且是代码狂人。你当我说的废话。

4,css+div网站建设使内容和形式分离,网页前台只需要显示内容就行,形式上的美工交给CSS来处理。生成的HTML文件代码精简,更小打开更快。

这个是DIV+CSS技术最现著的特点,也是CSS存在的根源。完全的颠覆现在传统(table)网页设计的技术。所有现在用table制作的内容, 都可以用CSS来解决掉,而且解决的更完美,更强大。不需要大家再表格套表格,只需要用div套div就可以实现以往表格套表格所有的美工,这样的结果就 是使用div+CSS技术,让生成的网页文件大小更精简,更小。table时代,一个页面表格达到10个以上是非常普遍的事情,但是现在用 DIV+CSS,一个table都可以不用,就完全达到之前的效果,这就直接导致网页文件大小比使用table时减少50%-80%,更节约各位站长的硬 盘空间,访问者打开网页时更快,而且用div+CSS时,不像以往使用table时,必须把全部table读取完了才显示页面内容,现在是可以读一个 div就显示一个效果,大家打开网页不用等。好处真是明显而强大。

这个优点的确是显著的,凡是使用传统table建的网页,内容多的话,有时候达到30K左右都有可能,文件打了打开时,肯定就有0.0几秒的延迟。使 用DIV+CSS,由于没有表格使用,你前台打开看到的全是直接内容,CSS文件都是导入链接的,是另一个文件,根本和HTML文件大小没关系,这种生成 的HTML文件,一个也就10K左右大小。文件数量少时看不出来,但是文件万级以上时,还是会节约几十M大小的。

这些优点其实拿到现在来说,个人感觉用处不大,为什么呢?

因为table虽然生成的HTML文件要大一些,占空间多点,但是现在的虚拟主机空间几百块钱就可以达到3G以上,一个中小型门户或是网站,完全够 用,就算不够用,你数据量达到十万级别以上,生成的HTML文件也用不了2G,这个成本其实对于中小型网站长来说完全可以不计。再说使用table说的是 打开速度慢。这个在现在的网络环境下面来说,也可以忽略的,现在大家上网都是用的宽带,至少也是512K以上,一个网页30K,打开也就一秒不到的时候, 使用DIV+CSS也就快那么0.0几秒,这基本上是大家感觉不到的。而且既然都是生成HTML,那对服务器来说影响的效果是一样的,只要你的虚拟主机网 络稳定,那么在table和div+css上就没差别。

但是使用table制作网页框架和表格时,全是选择化制作的,也就是说不用大家去写代码,很简单输入边框和行数列数就可以达到制作出来的要求,但是使 用div+CSS时,完全是靠手写代码,一个表格写四行代码的话,如果一个页面涉及十多个div表格生成,手写代码将超过50行,而且如果你数学不好,或 是逻辑思维能力不强的话,你手写出来的表格将是乱78糟,出现表格重叠和位置完全不正确。因为用div+css写表格时,表格间的逻辑排列关系完全是靠自 己手写代码判断,如果你没有很强的手写代码能力和逻辑性,你所花费的时间,比你用table制作时间至少是4倍左右。基本上一个页面定义的ID和 class类,完整页面是不会少于20个的,一个ID或class手写5句,你制作一个HTML页面将超过100句代码,当然其中很多是可以存成一个 CSS文件来重复调用的。也就是说相同的页面内容的话,排版一样的情况下,可以直接导入链接CSS来实现。

这个就很像之前生成HTML时,制作一个网页模板。但制作这个模板花的时间是用table制作时的几倍。这里有些人要说,但是我改版的时候,就只需要 再写一个css就可以了,不用再生成HTML了。那么我要说,当你再写一个CSS文件改版时,我可能都已经用table制作好一个页面模板,而且还自动生 成HTML全站的页面了。这不是不可能的。

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn