当前位置:七道奇文章资讯网站建设网站美工
日期:2010-04-13 09:08:00  来源:本站整理

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

赞助商链接



  本文“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与表格建站的辨别[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:

  • CSS网页制作实例:三列等高DIV的网页筹划
  • 若何动态改变div span的内容
  • <b>DIV+css网站筹划之第三步</b>
  • <b>DIV+css网站筹划之第二步</b>
  • DIV+css网站筹划之第一步
  • <b>DIV+CSS筹划简单犯的10个错误</b>
  • 办理Div在IE7/IE8/FF3中内容溢出的问题
  • 完善办理Div在IE7/IE8/FF3中内容溢出的问题
  • <b>具体解读网页筹划中的DIV+CSS定位</b>
  • DIV+CSS网页筹划关于网站的好处
  • DIV+CSS与表格建站的辨别
  • 办理用CSS掌握DIV居中失效的问题
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .