DIV+CSS与表格建站的辨别[网站美工]

目前全国大大小小的网站都在搞一场技术“革命”,就是所谓“网站重构”说简单点就是DIV+CSS举行网站制作.用DIV+CSS替换传统的 Table制作框架和美化页面.百度搜索优化在重构之前,必定要理解为什么重构,为什么要用DIV+CSS技术?理解了这个问题,那么大家才有利用此技术重构网站的动力.各大CSS学习网站和教程无一例外城市摆列出以下利用DIV+CSS的好处:

1、内容和情势别离,网页前台只需求显示内容就行,情势上的美工交给CSS来处理.生成的HTML文件代码精简,更小翻开更快.

2、改版网站更简单简单了,不用重新计划排版网页,乃至于不用动原网站的任何HTML和程序页面,只需求窜改CSS文件就完成了全部改版.关于门户网站来说改版就像换件衣服一样简单简单.

3、搜索引擎更友好,排名更简单靠前.

以上三点是N多好处最吸惹人,最突出的三点.我就这三点举行一一介绍:

第一点、内容和情势别离,网页前台只需求显示内容就行,情势上的美工交给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全站的页面了.这不是不大概的.

假如作为站长的你,关于手写代码不是分外有信心,逻辑思维本领不是分外强,倡议还是利用传统的table制作网页更纯熟和快速.

　　以上是“DIV+CSS与表格建站的辨别[网站美工]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：