div+css建立页面的好处

2025-02-21 22:22:25

推荐回答（4个）

回答1：

看了cragle的《有没有必要将网站Div+Css重构?》的文章，有一些想法不说不快，我也在文章的评论里提到曾经开除过两个执着使用div技术的美工，遭到一些朋友的反对，但也有一位技术总监的朋友发帖表示支持，很经典的话就是：“做站是给人看的。不是给机器。符合w3c标准又怎么样?”。

说到web设计，我是2000年入行的，应该还是有说几句话的份，先说说被我开的两个美工吧。

那是和朋友一起筹建一个新公司，招了一个美工设计公司的形象网站，在谈论工资的时候，他便说，如果你们要我用div做页面的话，工资要高一点。我想高点就高点，如果你真做的好，没有关系。其实那个时候我也是才开始认真研究这个东西。

但出乎我的意料的是，在公司的网站的宣传广告里，这位仁兄居然加了这么一句话(宣传嘛，广告语我没有时间写那么多，就让他充分发挥)，内容是：“国内90%以上的网站将被淘汰，div+css即将成为未来标准”。

也许是想他比较自信吧，但是没有深究，万没有想到的是，这个简单的宣传网站足足花了半个月时间，页面设计水平很烂——颜色搭配都不好，终于被投资人推翻了，又重新设计了半个月，又被推翻了，虽然我一直强调美工应该先学好网站结构设计，颜色搭配等等，但他都当成耳边风，终于，我让他离开了。

后来公司再次改版，花了一个星期，做的十分漂亮，table结构。

我这个时候还没意识到div在一些新人眼中产生的误导会比我想象的严重，直到第二个美工上班。

他是才毕业的，非常勤恳的做事，但他绝对中毒不轻。

第一天上班，他便指着我电脑上开的IE，说，你这个东西是很不安全的，非常非常烂的，一定要用firefox，只有firefox才是正途，以后都是firefox的天下。我愕然，那个时候，网上充斥着firefox的广告——很多站长为了挣美元，很不厚道的贬低IE，狂夸firefox，目的就是为了吸引访问者下载。

这位仁兄也喜欢用div编写页面，并且对table表现出极大的不屑，甚至眼里容不得table这个单词，他开始每天花费90%的时间用于构建html文件和css样式表，甚至为了一个px拿尺子在屏幕上丈量——实在太夸张了，却只把10%的时间放在页面整体设计和美工制作。同时，为了节约几个字节，把一个图片裁成一个很小字节的图片，整个图片文件夹充满了细碎的图片。

当然，他到最后也没拿出令我满意的作品，因为种种原因，我们的改版是很频繁的，有时候很大，我不可能为了改一点小东西等他在那里堆一天的代码，测试N个浏览器。毕竟做公司的，要考虑成本，我每天只拥有他8个小时的工作时间，等不得，我只有请他离开。

说实话，我并不是反对div+css，但物生一利，必生一弊，div+css的利处大家说了很多，我就说说狂热的追求div+css的几个弊端：

1、大大增加了开发时间，同时也增加了开发成本。当然如果你是一个熟手，或者可以白天黑夜都加班而不用担心没有加班费，那可能不会。

2、大大增加协同工作的难度，很多没学过div的程序员对于美工出的div页面束手无措，稍微改错了，可能整个站点就惨不忍睹了。当然，如果你是一个全才，可以搞定一切，也可能不会。

3、增加了开发风险，一个css文件的出错，可能导致整站崩溃，惨不忍睹，大量的访问链接同时调用静态的css文件，可能造成并发错误，调用失败。

几年前，我在一个朋友车里坐着玩的时候，当时他唾沫横飞的问我，你会不会做web2.0，我说web2.0不是技术，web2.0是一种思想，并不是改成div+css就是2.0了。他说错了错了，你落伍了，你们那个1.0的网站马上就要不行的，我马上要投资做的2.0网站打算如何如何，准备上市的。几年后，我那个1.0的网站销售额还在稳步增长，但他的2.0却再没听他提过。

div不是坏东西，但是不能钻牛角尖。

关于某些维护div的div党，有几个误区我想说一下，也给新入行的朋友一点提醒。

误区一：W3C标准就是摒弃一切表格

查阅一下W3C的帮助文件，没有发现W3C放弃了table定义，而且利用table制作的页面也一样可以通过W3C效验，事实上，跟随网页从产生到现在，table一直都是标准的W3C定义。

误区二：div+css可以精简代码

大家都说DIV的布局精简代码，但是用DIV替代TABLE所节约的代码又被CSS(样式)所占用，而这些样式大多用于控制DIV的排版布局。一旦css出错，后果不堪设想。而且，狂热的追求把几十K的页面再缩小一倍，完全没必要，大家都知道，一个网页打开，真正占带宽的不是网页本身，而是图片，flash等，一个页面100K，可能需要下载的图片，flash，视频有几M之多。现在硬件发展速度远超软件发展速度，带宽也渐渐不是问题。狂热追求代码的精简是舍本逐末。

误区三：用div可以更容易被搜索引擎搜索到

目前尚无任何证据证明用div可以更容易被搜索引擎收录，也许这个只是存在于美好的想象中。

始终坚信，做网站就四个字：“内容为王”。做公司，也是四个字：“开源节流”。其它的，都是虚的。

追求新技术不是错，但钻牛角尖就不对了，用div也没错，确实有很多好处，但切不可成了div的偏执狂。

本文来自：网页教学网(www.webjx.com)原文链接：http://www.webjx.com/CSS/20071117/css_1145.html

回答2：

优点：
1.页面加载速度快
2.布局灵活
3.便于动态程序嵌入或者动态程序载入div+css模版
目前我的程序就是配合美工的div+css做的，美工可以通过css直接控制我的程序输出的页面动态数据的样式

回答3：

引用个百度上面的回答
国外的,
abcnews.com好像01年就转为DIV+CSS
可看出外国的这个一相当成熟了

国内
从2006年开始，中国兴起了Div+CSS风潮。
像网易163,百度,新浪,搜狐,tom都用了Div+CSS构图。
2006年前网页设计基本般都用Table构图。
（1）但是Table构图代码比Div+CSS多，网页文件大。
网页文件大，就下载慢，下载慢就影响浏览者的耐心。
不耐心了就会离开，离开就会失去用户。
网页失去用户，没人去，广告收入就少。
（2）Table做一个直线很难的，要嵌套2个表格。
而Div+CSS就简单了，用border:1px soli #ccc;
就能做出来了，简单。
网页设计中直线是最常用的东西，
Table那么麻烦，以后会更少有人用的。
（4）Div+CSS编写的代码一目了然，容易看出错误。
而Table代码就难了，都是和看的脑袋都晕了。
（5）节省服务器带宽。因为Div+CSS编写网页小。
就占用带宽少，同样100M的带宽，可能比Table构图时候
多1倍的速度。谁不喜欢进入快速的网站。
或者可以租借比Table构图时候一半的带宽。
那就节省一半的服务器租借费用啊，
像百度这样的网站估计能节省几十万人民币吧。
（我猜的，不知道是不是）
（6）网页设计师编写也容易，只要学会了Div+CSS，
编写速度比Table快多了。
（7）方便个编程人员修改，编程人员最喜欢Div+CSS构图了，因为他改代码时候容易啊，不像Table代码乱哄哄的，看的迷糊。
（8）等以后你不会Div+CSS，也许都不好找工作呢。
因为编程人员喜欢Div+CSS，别人会Div+CSS，你就不容易找到工作。
（9）你学会Div+CSS以后，就再把Table构图扔进垃圾筒了。以后Table只做数据的图表用了，再不用构图了。注意：Table以后只用做表格传递数据了，
而不用在构图里，以后要列表数据时候还用DIV，Table以后只用在列表数据时候，发挥他最擅长的方面。
DIV+CSS是发展的大方向，
因为好用，大家都用，
网页清爽！利索！自己看的舒服！用户用的速度快！
编程人员满意！

回答4：

DIV就只是布局元素，这东西比表格好的唯一就是你可以定义一个ID，想怎么玩它就怎么玩他，表格用来处理显示数据，DIV+css+TABLE就行了，都什么年代了，以前没有DIV，而且386的年代不也一样，现在都奔腾4了，凡是和我讨论客户段效率的全是脑子有问题的，楼上说的没错，影响的全是图片和FLASH，所以我一直建议一个提交按钮就不要用图片带代替了，你用什么用的熟练就用什么，讲究的是效率，客户永远不管你用什么，页面就要好看，功能就要好用，还有时间和成本的问题

最新问答

帮我分析一下化验单求你了，我妈妈的，很急

如何把一台电脑的操作系统复制到另一台电脑上

rpg maker xp对话框显示头像

5230手机内存不足，自动重存

我是一名大学生，大家暑假都有什么可玩的地方？

二婚怎样办婚礼合适

什么叫做刚性地面？

怎么把图片改为jpg 我在属性里改后就不可用了有别的方法的教教！我谢谢了

塔吊QTZ50的功率是多少？

在清朝时期富可敌国的乔家，其背景势力到底有多大？