正在加载...

DIV+CSS为什么好?
by aw(awflasher.com) 转载请注明出处 – http://www.awflasher.com/blog/archives/583

再论DIV+CSS (Updated Content)

虽然目前在公司相当忙,但是仍然有必要讨论一下div+css的问题。因为它已经不再是两年前那个新鲜的名词了。它正逐渐步入广大传统Web开发、设计人员的视野。它的好、他的坏,已经逐渐开始成为前端开发工程师争论的焦点。

今天偶然看到“一个有将近两年的div + CSS 开发经验和历史,曾经是Web标准绝对拥趸的同志”在自己的blog上发表放弃div+css的申明。我更深感一种悲哀——特别是当我苦口婆心地劝说公司的前端开发人员开始学习DIV+CSS的时候。

不过看看这个“好同志”放弃的理由的其中两条,不禁让我所心冷。

  • 公司领导及客户不关心这个,他们需要的是快速、高效的工作和花哨的页面
  • 所费功夫与收入不成正比,利用table可以大大减少工作量

确实,当今市场环境下,div+css对于一个财力一般的公司是一种奢侈。尤其是对于那种靠业务员疯狂跑业务而存活的(不打算上市)的公司,是一种莫大的浪费。我在广州曾见过许多“三天建站”的公司其中90%的人在外跑业务,然后10%的web开发设计人员把凌乱不堪的HTML代码片段一遍一遍的往table里面塞。

甚至可以这么说,一个公司对div+css的认同和投入,直接决定了这个公司的期望目标,比如上市。好在我现在所在的公司在这一点上是非常愿意付出代价的。

其实,在具体商业产品实现上,并非一定要把自己拘泥于“Web标准绝对拥趸”的角色。我们似乎应该静心思考为什么使用div+css,而不是如何实现某个细节。

我们公司面临的困境则是相反的。就是太拘泥于div+css、为了DIV+CSS而DIV+CSS。这样做是毫无意义的。如果为了实现一个效果而不顾策略强行使用一种技术,是非常失败的一种做法。当然,我觉得这需要设计人员与开发人员的共同努力和让步。尤其是在B/S架构下。设计者肯定要做出更多的让步。比如某个布局中1px的差距能节省3k的HTML文件size,哪怕放弃视觉上这1px的效果,我看都值得。更何况,大多数干扰DIV+CSS布局的设计本身也是极不美观的。

movivi.com的SEO我思考了很多。我觉得最大的问题就出在我们并没有足够吃透W3C上。

当时,当w3c刚出的时候,三大门户十分不屑。清一色的table遍布整个首页。可是这样导致的问题不久就暴露出来了。搜索引擎爬虫难以解析复杂的table,而样式的改版也极为难受。

div+css,这个布局中,div承载的是内容,而css承载的是样式。内容和样式的分离对于所见即所得的传统table编辑方式确实是一个很大的冲击,尤其是设计人员很难接受设计一个他们不能立即看到的样式。不过div+css的好处实在是太明显了:

1、搜索引擎亲和力:搜索引擎不会在意一个页面的设计或者构成。搜索引擎不可能“欣赏”设计漂亮新颖的页面;也不会去“排斥”颜色搭配丑陋的页面。它们只是默默地拿到它们需要的内容就离开。如果一个页面中涵盖了大量的table来描述构架,试想搜索引擎要花多大的代价才可以拿到真正有用的信息呢?
凭我自己的经验,一般来说,table构架描述的页面,样式结构和内容信息大小比可能达到1:1甚至更高。而CSS+DIV构架的页面,虽然在客户端看来下载一个复杂的CSS也要占用差不多的带宽,然而搜索引擎可以很方便的绕过这个css,而直接抓去div中的内容。这便是div的优势所在。带宽的稍多占用,完全显得微不足道,更何况一个冗余的table设计架构如果代码写的不好会占用更多的带宽。

2、重构页面的方便性
这个应用最经典的例子就是各大blog程序了。就如现在我用的LBS系统,以及流行的PJBLOG、php下面的WP、MT,都是采用div+css构架。内容和样式的分离导致我们在重构页面布局(更换皮肤)的时候,只用针对每一个div元素重新定义其具体位置、样式就行了。而在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道,实在是太过于麻烦.
关于韩国风格网站难用div描述的问题,我个人认为在web2.0的大军冲击下,韩国的花哨流派很快会被简约派所代替。如果确实是优秀的设计,我个人认为用Flash来完成更好!

http://awards.cssmania.com/2006/07/07/css-world-awards-winners-2006.php
2006年CSS世界大赛得奖作品,看看什么叫做W3C下的完美艺术吧!看看人家的PR吧!

还没找到您要的东西?Google试试看吧,
Google更注重原创、时效性好的文章:


本文相关评论: 才 72 条评论
  1. Fdream 2006-07-13 07:02:24

    呵呵,研究这个了~

  2. 小萝卜头 2006-07-13 07:38:08

    吖?!AW啥时候开始Interested on Web Standard鸟。。。稀奇。。。
    这个问题已经讨论了多少年鸟。。。要是讨论AW应该加上结合FLASH之后的一些探讨。。。现在就仅仅这两点好像观点还很泛泛。。。。
    W3C不过就是个慈善组织。。。。说什么让行为和表现分离。。。。说什么将XHTML作为所有数据XML化的过渡。。。。没说要怎么解决兼容性的问题。。。。没说要怎么解决Mutimedia应用的问题
    其实仅仅是一个建立在理想化模型上的尚不完全的application的Explore
    个人感觉。。。TABLE布局的网页似乎很难承载FLASH Interactive的元素
    XHTML标准么。。。DIV+CSS+ECMA-Javascript(Frame reframing)+FLASH(AS Behavior)的搭配在User Interface的表现和亲和力构造上的却是不错
    没有Websiting的经验。。。。搜索引擎优化完全不懂
    对于不同网站来说,TABLE布局和DIV+CSS的布局的应用取决于网站的应用方向
    毕竟各有所长。。。。
    反正偶接触网页设计就是从DIV+CSS开始滴。。。没有经历过TABLE的蜕变。。。没那么深感触~~

  3. 混蛋70 2006-07-13 08:09:50

    div+css不是趋势,是必然

  4. sacky 2006-07-13 09:56:19

    我什么也不懂…所以,只能说 加油啊

  5. Clear 2006-07-14 04:50:37

    Table他还是Table,这个东西明白的人都说好,不明白的都闲麻烦.PPLVIE的网站就是很早被我私下重构.结果呢,现在那些人搞不定,又换回TABLE,而且连TABLE也用的很垃圾.
    所以技术只是在他的应用场合得到肯定的情况下,才能得到价值体现.否则不名一文.

  6. simx 2006-07-14 07:09:01

    看来我们以后有不少的共同语言咯
    呵呵
    最近刚完成几个站的重构.

    ie.opera.ff.

    oh.my GOD

  7. omspace 2006-07-15 07:48:09

    韩国网站也可以用DIV的!?只要想办法 动脑筋 什么布局都可以完成的!

  8. aw 2006-07-15 08:00:58

    恩,高手肯定可以拉。可是这样也许会投入更多的人力成本:(

  9. 天方 2006-07-17 02:42:38

    我不知道原来这个对搜索引擎也有好处啊

  10. vv 2006-07-20 04:51:04

    22246668 Web标准-群

  11. neilben 2006-08-17 10:56:26

    "一个公司对div+css的认同和投入,直接决定了这个公司的期望目标"和所谓“搜索引擎亲和力”
    拿着这个去和老板理论,是很不具有说服力的,他不会在乎我采用何种方法实现,他只要看到我在一天内做到了他认为符合一个员工效率的事情就行了……
    这只是对于老板,对于技术来说,HTML的优先级显然是非常低的……
    对于设计来说,会花更多的时间在设计和创意上……
    至于您说的"HTML前台工程师"这个职位,大部分老板没有这个概念并且不会去为了HTML而增加成本……

    我是一名设计,一名涉及几乎所有和互联网相关的设计,我曾向技术和老板提出过这点,但是,他们不会不关心,难道我要因此而辞职吗?呵呵,这是很无奈的。

  12. neilben 2006-08-17 11:00:00

    # 公司领导及客户不关心这个,他们需要的是快速、高效的工作和花哨的页面;
    # 所费功夫与收入不成正比,利用table可以大大减少工作量;

    非常非常非常非常点题…… [sad]

  13. aw 2006-08-18 09:33:00
    引用自 neilben
    # 公司领导及客户不关心这个,他们需要的是快速、高效的工作和花哨的页面;
    # 所费功夫与收入不成正比,利用table可以大大减少工作量;
    非常非常非常非常点题……
    [sad]

    如果你真的对设计完美的web应用有兴趣。可以与我联系。我有机会推荐你到真正需要你的地方

  14. 5key 2006-08-21 04:26:21

    公司现在还没有找到合适的前台设计?

    对于搜索的效果是非常之明显的,基本上在我的站上所写到的东西在搜索引擎里都能排在第一页,有的甚至是前几条。

    朋友开公司做网站的我都直接用lbs给他改一套企业站点。

    • tonny 2008-07-13 01:35:12

      想了解下,我想做好我的网站优化,能提供些什么建议吗?

  15. aw 2006-08-21 05:12:02

    5key兄,现在我硬上了。
    老板觉得花~那个数~去找一个PageBuilder不合算。唉!我也有苦难诉。别提了。
    我也不说啥了,继续干活。

  16. 5key 2006-08-22 09:59:35

    呵呵,aw,出来工作都不容易,老板都想打精算盘。至于pagebuilder。。。这就看老板的想法了。其实老板为找你这样一个人心里在暗爽的。。。什么都能做了。省心。

    上次我和公司申请后,公司让我留在上海了,所以我就不去北京了。有空要是来上海,咱们聚聚。虽然我现在也还没把上海弄清楚。 [lol]

  17. aw 2006-08-22 10:02:10

    其实太多的精打细算我觉得还是很影响工作效率的。
    还好我不是老板,我也不是高管,否则我写这篇日志有多少人要指我脊梁骨骂啊,呵呵
    我在上海有很多很多的朋友,Yeeoh团队的、PPlive团队的,有空一定去找他们取经。到时候就可以见到你了~

  18. 5key 2006-08-22 11:30:19

    呵呵,,我女朋友下个月就到PPLIVE,只是offer似乎不太高

  19. aw 2006-08-22 12:04:16
    引用自 5key
    呵呵,,我女朋友下个月就到PPLIVE,只是offer似乎不太高

    其实你的要求确实提的挺高的。对于不够了解你的公司,需要为认知摩擦付出一定的沟通成本,这是很正常的。
    我认为作为求职者,有两个方面的因素,一,相信自己的能力;二,自己是求职,一定要先低调,在工作中证明自己。

  20. diyism 2006-09-19 11:29:46

    全球最牛网页布局方法(传统SPAN大法):
    //table有显示效率的问题, div无法控制换行的问题, float有跳到下一行的问题, absolute又不容易重叠,
    //有办法兼容愚蠢的W3C(实际名称3WC)和微软而实现人类传统的从左到右从上到下的布局方法吗?这就是:
    //传统SPAN大法终极解决方案(兼容firefox):
    //不要用display:table-cell;取代display:-moz-inline-box;有水平对不齐的问题
    //不要去掉vertical-align:middle;因默认的baseline被ie理解为底线却被firefox理解为顶线
    //span div下的overflow保持hidden而不是auto时,可以去掉DOCTYPE声明
    //span下的overflow不能去掉(虽然span:inline-box下的overflow是无效的), 否则在firefox下访问含有该段代码的php页面时会出现无规律的盒子丢失现象

  21. diyism 2006-09-19 11:30:11

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <style>span{display:-moz-inline-box;display:inline-block;vertical-align:middle;overflow:hidden;}span div{overflow:hidden;}</style>
    <span><div style="width:700px;border:blue 1px solid;">
    <span><div style="width:200px;height:18px;border:red 1px solid;">aSame appearance in ie and firefox</div></span>
    <span><div style="width:200px;height:28px;border:red 1px solid;">ie and firefox</div></span><br>
    <span><div style="width:150px;height:18px;border:red 1px solid;">ie and firefox</div></span>
    </div></span>

  22. diyism 2006-09-19 11:30:31

    为了省事, 在firefox下插入div来crack的工作可以交由js来做:
    <script>
    if(document.addEventListener)
    {document.addEventListener('DOMContentLoaded', ib_fix, false);
    }
    function ib_fix()
    {var spans=document.getElementsByTagName('span');
    for (i=0;i<spans.length;++i)
    {var spanContent = spans[i].innerHTML;
    var eleDiv = document.createElement('div');
    eleDiv.style.pixelWidth = spans[i].style.pixelWidth;
    eleDiv.innerHTML = spanContent;
    spans[i].innerHTML = null;
    spans[i].appendChild(eleDiv);
    }
    }
    </script>

  23. 学吧 2006-12-27 04:33:40

    看来这个已经成为主流了
    ==========================
    学吧——中文IT知识入门第一站
    学习吧——分享知识,分享经验
    http://www.xue8.com

  24. myso 2007-01-11 11:53:46

    我很通啊。
    可惜深圳不看到这方面的工作。哈哈。。。

    要么就是各种原因,限制进不去。气人。

  25. 追赶成功 2007-03-02 06:51:24

    DIV+CSS确实有很大优势,我的网站已经全部标准化了。
    成功梦工厂-个人和企业永远的成功加油站!
    http://www.cgmgc.net

  26. 好一点 2007-04-17 11:43:40

    你们都是高手,都很牛,希望有用到的地方,你们一定多多指教!

  27. shangrila 2007-05-10 01:05:45

    这是我的个人网站,全部使用Dic+ Css,没有一个Table,结构变换比较灵活,感觉比Table好

  28. 擦擦洗洗 2007-06-05 10:58:12

    我也正在转学div+css,有的时候确实不够直观。不过我相信div+css在对搜索引擎上一定会有比表格更好的亲和力。
    支持楼主!

  29. 我好想学好编程 2007-06-10 11:44:26

    我是一个学网页后台JSP的,可是也学了点前台方面的,CSS+DIV确实从很多方面来说比TABLE更显强大,但是一个公司具体用哪一个方案,也得具体情况具体分析了,如果没必要或是条件有限时而极力去追求CSS+DIV来完美的话可能算是浪费或是走极端了
    我好迷茫,好想找个”前辈”指教指教我搞JAVA或是JSP 我想搞网络后台或是搞编程,请各位”前辈”多多关照! 终生难忘! 万分感激!

  30. nb315 2007-06-21 05:56:58

    我以前一直都用TABLE 但DIV+CSS好象成为了大家的焦点, 于是我也开始学着用DIV+CSS,开始觉得有些不习惯,但很快我就能适应这种模式了,并开做出了一些页面,感觉比TABLE真的简洁了不了.

    但有个非常重要的问题,在这里求教一下, 我用DIV+CSS做成的页面,在IE6以上版本的浏览器里看时,真的很不错.但我用IE5时让我吃了一惊,怎么回事,乱的不成样子,一些JAVASCRIPT脚本不停报错。唉,我们作为设计网页的工作人员肯定要努力让我们设计出来的网页能适应各种版本的浏览器了,对不对?

    但大家可否告诉我,如何才可以避免DIV+CSS在IE6以下版本里的显示问题啊? 

  31. aw 2007-06-21 07:17:05

    我们的产品已经放弃了对IE5的支持,非常抱歉、非常惭愧。

  32. 文默 2007-06-27 10:19:16

    CSS+DIV所做的网页冗余代码很少!在后期维护上也很方便!但它做出的页面太过于单调.也许应该说是简约!在人力上,制作时间上也太花费!这也许就是网页设计以后的趋势吧!还是支持CSS+DIV吧!

  33. google 2007-06-27 10:40:12

    那是因为学会div+css的人以coder为主,做纯UI的人都学不会。说白了,人的能力有限制。

  34. NetFetch 2007-06-27 07:35:19

    难的不是技术,而是平衡现实

  35. meng 2007-09-20 03:10:03

    我现在也在学习DIV+CSS确实很麻烦!
    可以现在还没有发现他的好处!

  36. wxy2000_cn 2007-10-12 05:19:49

    我最近也在研究DIV+CSS,计划抽时间将公司的系统改造出一个DIV+CSS的版本。

  37. hhydj1 2007-10-14 02:17:29

    我也想学DIV+CSS,感觉现在它已经是一个趋势了,但是看了半天代码,看不懂!

  38. 灰色缘 2007-10-18 12:47:28

    个人用DIV+CSS做的网站!请大家给点建议,谢谢!
    网址:http://2007.d1so.com/zt/dgfz.html

  39. aulike 2007-11-04 04:36:23
  40. 司马青衫 2007-11-22 08:30:57

    还是DIV+CSS好啊,越用越喜欢
    代码简洁不说,修改表现形式的时候特别方便

  41. inyee 2007-12-01 09:04:32

    坚持使用DIV+CSS的唯一用处就是让自己的工作量从1倍变成N倍.除了宣传上是个噱头外,对设计来说绝对的吃力不讨好.

    各种浏览器为了各自利益而使用不同的标准,容器都不统一,又谈何标准?
    暂且撇开分辨率的修改,光为了考虑浏览器的兼容问题就要修改好几遍代码.我都恨死了~

    楼主所说的为了满足花哨而使用FLASH更是好笑.别忘记flash都没被纳入网页标准之中哦~!要想使用FLASH,还要曲线使用呢.

    所以我觉得W3C就是吃饱了没事干.与其改大环境来适应网络,还不如修改搜索爬虫的效率呢!
    FLASH+TABLE+CSS已经足够使页面可视程度高,工作效率高,兼容性好.

    • aw 2007-12-01 09:46:02

      我可没把div+css当什么噱头。

      W3C吃饱了?修改爬虫效率?你仔细思考思考可行不

  42. buildcold 2007-12-03 05:40:16

    偶刚研究ing;
    以前刚接触table时对colspan头大;
    现在div+css调布局这代码在不同的浏览器下蛮费力的;
    优势有时还是大不懂,,,有点盲目:(
    公司也不关心这个,只关心进度;(…
    div+ css再加点table 还是可以用的;

  43. lynna 2008-01-08 05:40:48

    不赞同楼上某些说div+css令工作复杂化的说法,还有什么UI不用div之类的。

    我也做UI,自从用了XHTML重构站点后,可以说是一劳永逸,尤其是一个好的布局,在随后的改版中基本上不必花太多时间在此,主要功夫就是AI设计样图。而UI使用DIV和往常基本没有差别,最多就是在设计中多考虑一点--这张pic做背景还是前景,鼓励全部bg了,呵呵

    重构之后,按照正常工作计算,最多两周就能搞定了,包括解决花哨特效和兼容性问题。

    虽然俺们单位也不在乎(简直认为多余,包括俺对视觉、心理,认知理论的在设计中应用),可是自己却真的学到了许多,很充实。最主要的是,div+CSS改版省时省力了,可以看更多书,学更多东西~单位要的是结果,而过程才是对个人进步和发展有用的。

  44. eternity 2008-03-14 09:50:21

    垃圾文章
    你说1px减少几KB
    要是你能从如今的宽带中看出那几KB的区别真是神了
    网络发展的趋势是高速 1分钟下7个电影知道不?
    只有我们最落后还在使用100kb的宽带
    还在那里吹嘘什么图片的优化 表格的优化
    我承认用CSS+DIV有很多优点 尤其是对程序员来说
    但不要再说什么速度的问题 也不要再说什么一个网页得小于40kb了
    一般网页3秒内打开我是能承受的

    • aw 2008-03-14 10:33:48

      你仔细看了我的文章么?所列出的证据真是可笑:1分钟下7个电影知道不?你自己算一算乘除法看看是多少Kbps

    • 呵呵了 2015-12-10 02:17:10

      追求精简,优化,性能的提升,应该是一个态度,

      就算有一些花哨的东西,也不会从代码看起来那么恶心,

  45. qianjun 2008-03-16 12:20:18

    我用TABLE做一个多重复杂布局网站,加上好的CMS后台1周就够了,而用DIV+CSS却要用1个月,写的页面代码是少很多,但写CSS工作量却增加了N 倍还要写很多不同版本来适应不同浏览器和显示分倍。

    国内的商业性网站改版往往是整体改动,整个布局全改,所以就等于说重新推翻重做一篇。对于像最底层这样布局相对简洁,改动改版小的布面可能考虑用DIV+CSS。像首页,二级频道页等用DIV+CSS,就是在浪费。

    而且商业性网站首页,二级页往往要经常小的改页布局,这样用TABLE会极方便,几分钟就稿定,效率很高,但用DIV+CSS就要大动,太没灵动机动性了。

  46. xizi 2008-04-04 02:41:52

    完全是专业程度问题。
    经常收藏代码,熟练DIV+TD+CSS的人,做起来不像网友“qianjun”说的要“一个月”。
    虽然我不知道你说的是多少个页面,但我感觉你夸大了。
    我一同事专业这个,切起来复杂首页2天,简单的1天 2 3个页面(例如简单的注册页面,除综合门户型首页外的都相对简单),内容可多了,首页在fireworks里显示都到3000多像素高了。当然,他不管内容,他只管样式,所以模块样式做完之后就是DIV打结构,然后复制粘贴。

    • tonny 2008-07-13 01:46:01

      能帮我介绍你的朋友吗
      15978158360我的电话

  47. ziqiang 2008-06-10 02:54:23

    我看短时间内很难 除非硬规定 强制

  48. ziqiang 2008-06-10 02:55:39

    我看短时间内很难 除非硬规定 强制 如果什么时候DIV+CSS能影响到公司的利益了 那就可行了

  49. 骗钱的QQ宠物 2008-06-16 09:45:54

    “1分钟下7个电影知道不?”
    下的可能是小电影

    • tom 2008-08-15 05:26:31

      服了u了。
      不过table确实是省事,但在前后分离时费劲。
      div+css掌握起来费劲,但会了之后像xizi兄说的熟练度问题了,就要拼命做,拼命练级,熟练度高了成功率就上去了:)

  50. 123 2008-06-25 10:11:39

    没必要为div而div吧,至于用table还是div,得看当事人对哪种写法熟悉些,现实之中,一个页面才多大,用得着去讨论哪种代码忧哪种代码劣吗?用刀的,继续用好你的刀;用剑的,那就继续用好你的剑吧。没必要去讨论用刀强一些还是用剑强一些,用好了比什么都强,楼主也不必说“圾web开发设计人员”那样的话。

    何况,刀剑同用的大有人在。div和table不是对立关系,有强有弱有互补,最好两种都学了,为div里面不出现table而绕一大圈写一堆代码实现,或者为table里面没有div而沉积一堆代码,两种行为都是有毛病的!!!

    最后,爱用刀就用刀,爱用剑就用剑,胡斐是高手,风清扬也是高手!!!

  51. 2008-07-18 01:51:25

    div确实简化不少,以前看table代码看得眼花

  52. sheo 2008-08-14 02:40:12

    个人感觉DIV+CSS的布局不一定会对搜索引擎优化起到太大影响,主要看人做了
    而且,如果说我们这么多的设计者花那么多的时间在页面的兼容与布局的控制上,还不如把这些交给浏览器开发者和搜索引擎开发者来的好,他们花个把月时间甚至更短,就可以省去千万个几小时,其实这些问题对于他们来说也不并不是太难的问题。比如搜索引擎对Table的分析,难吗?
    而且,现下流行的Ajax对搜索引擎的支持也不太好啊,难道不用Ajax?
    --{题外话:我的Ajax实现是纯JS的,我不会用XML,呵呵,实现Ajax的方法就是动态调入外部的JS文件(其实是ASP),或者在ASP文件中直接输出改变页面内容的语句,或者赋值JS变量,再用JS来更新内容。省了去学XML和处理XML的兼容性,代码也简单,方便我们这些菜鸟}
    还有那些隐藏在js中的内容,搜索引擎恐怕也无能为力吧?
    但是,他们做不到吗?我想他们能做到!
    或者,为了更好的搜索,我建议W3C出台一些特别的标签或样式名,大家用统一的样式名或标签存放页面的主要内容,就像是Title,简单明了,搜索引擎要抓也很方便,抓取的页面的质量也很高。
    我一般不用软件的工具设计布局的,一般手写,代码简洁不少,同样的页面,手写与Photoshop切也出的代码量差几倍呢
    我的原则是一切以简洁为主
    如果要用DIV+CSS代码实现一个设计要花一个小时,而用Table只要几十秒,用哪个?
    有点乱,别扔砖啊,其实你们骂了也没关系,我是搜索到这来的,恐怕以后都不会再路过了…

  53. Andrew 2008-10-29 05:34:18

    然后10%的垃圾web开发设计人员把代码一遍一遍的往table里面塞。
    楼主也偏见了吧,太狂了.

    • aw 2008-10-29 05:37:34

      首先我并不是与“web开发人员”“为敌”。这一点请千万不要对号入座。

      我的意思是,很多小业务公司,这些“开发人员”他们根本就是在干一些很没有意义的活。我其实更多地是替他们赶到惋惜,只是这个词放在“开发人员”身上不太合适,我改改:)

  54. 优酷 2008-10-29 07:14:17

    那是因为学会div css的人以coder为主,做纯UI的人都学不会。说白了,人的能力有限制。

  55. bobby 2008-12-09 05:37:09

    把文章 评论从头看到尾,发现大家居然从06年一直讨论到08年,很强大~
    这两年DIV CSS发展的很快,我两年前还不知道这玩意儿,而且当时特讨厌页面里的DIV标签,但现在为了搜索引擎,为了SEO,没办法只能升级了,现在一般的布局方式大概都了解的差不多了,但效率确实低,特别是浏览器的兼容性,不知道这些浏览器开发商都是怎么想的,我现在为了效率一般只在IE6和IE7下调试没问题就拿去用了,当然只是一些小网站,没有那么高的要求,韩国风格模板我觉得用DIV问题也不大,甚至有些模板,图切的合理的话用DIV会更方便,长远来看还是好好学DIV CSS吧,只是期望有一天浏览器开发商们发发善心,把CCS的显示效果统一一下,那就真是谢天谢地了~

    这是我改一个韩国风格的模板www.lyxxy.com没事可以看看,当然这个布局比较简单,而且我只测试了IE6和IE7,其他的浏览器去看都是一塌糊涂~囧n

  56. baidukou.com 2009-07-06 11:32:07

    支持一下

  57. sinbao 2009-07-27 03:08:58

    呵呵..经常有看这个博客…没想到刚才搜索又来到这里了…

    HTML5 出来后DIV CSS 会怎么发展?

  58. 流星雨 2009-10-28 02:20:53

    老板和客户才不管你用的是table或div css
    老板注意的是开发速度

  59. DIV+CSS为什么好? - RiceSky—米空 2009-11-25 04:15:38

    […] 本文来自:http://www.awflasher.com/blog/archives/583 […]

  60. nbby 2009-12-09 04:03:03

    一切都还要做这些的人的水平了。

  61. 382503229 2010-01-14 05:56:01

    鉴定完毕。垃圾文章。W3C规范中说Table是用来传数据的,但并没有指出Table不可以用来布局。搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量,这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前,而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
    “菜鸟用Table CSS,高手用DIV CSS”这种说法是错误的。之所以叫“DIV CSS”是为了同Table CSS相区别,其实应该叫做XHTML CSS,通篇DIV的HTML也是垃圾网页,都说Table代码臃肿,这是误区,你写码不规范即使用DIV技术,网页依然臃肿的。正确的网页设计制作技术应该是XHTML CSS,不仅要用DIV,而且用到p,h1,h2,h3等等这些标签,如果仅仅以为用DIV替换了Table就是网页重构,你就大错特错走了极端了。
    web 2.0讲究用户的互动,未来Ajax技术才是时代潮流。
    华丽的页面还是用Table布局比较好,简约的用所谓的“DIV CSS”比较好,“简约的网站是趋势”,我实在不敢苟同,网站的表现应该多元,欧美喜欢简约的,雅虎到了中国不依然改成信息量大的么。网站本土化比网站的技术更重要。
    Table,DIV都没错,错的是你过于排斥Table,推崇DIV,走了极端。正确的方法就是使用Web标准!

  62. cenxi 2010-01-17 10:47:22

    我不发表评论,但是要说的话此文章的网页模版显不对浏览器不兼容
    我使用的浏览器opera 10.10

  63. 小张 2010-08-18 05:23:41

    我一直用TABLE,看来的改改版面了

  64. dj 2011-02-16 01:40:50

    div css 在纵向居中时比较麻烦 我还是建议和table结合使用
    代码量不是问题啊 多不了多少 你少一张大图 什么代码量都有了
    至于改版方便问题 我大多数遇到的情况都是需要彻底重来的设计 很少有在一个布局上换换样式就改版了的 所以不是什么大问题

  65. mushoku 2011-09-06 11:48:26

    一个写得烂的网页,如果是用table写的,抽丝剥茧,重构一下也不费多少功夫,如果是用css div写的,那有的好头痛了
    关键是这世界上永远是庸手比高手多

[支持Ctrl+Enter]为了我们大家和家人的安全,留言请慎重!
声明:
1、本站仅与见过面的个人博客交换链接,见此文
2、留言时的头像是Gravatar提供的服务。如果您有兴趣并且有闲暇时间,可以看看这里的介绍