文： Andy Budd / 译： Jjgod Jiang

　　译自 An Objective Look at Table Based vs. CSS Based Design 

　　我和作者的观点差不多.标准好,但是未必实用.

　　以下是ZT文章:

　　经年以来，许多优秀的文章都在赞誉着基于 CSS 设计的优越， 哀叹着基于表格设计的没落。但却很少有人换个角度想想，或许是由于你得在了解并运用了基于 CSS 的设计之后才可以批评它， 而一旦了解了之后，你又不情愿回头去用原先的老式设计方法了。

　　为了弥补一下这种不平衡，也由于在这场游戏中扮演一个大反派挺酷的，我决定写篇文章，说说为何在某些情况下，传统的表格设计方式就算不比基于CSS 的——或者说基于标准的——设计方式好，也不比它们差。

　一、妖魔化表格

　　表格出现以前，Web 本是个相当乏味的地方，正是使用表格排版，才打开了可视化的页面设计的新局面。表格对于 Web 和 Web 设计领域普及的奉献到底有多大或许有争议，但一旦离开表格，我们这些网页设计师们必会得到任务，却是毋庸置疑的。

　　近年来基于表格的设计确实被妖魔化了，Web 纯化论者会通知你，表格对排版毫无意义，因此你绝不能用到它。然而历史证明，许多技术一开始是为了实现某个目标设计的，却在别的领域发现了更大的用场而大展身手。 就像 Web 本身，一开始不也只是为了共享研讨数据嘛，如今在文娱和商业方面的使用却与信息与教育方面的并驾齐驱了。

　二、只为舒服一点

　　Web 设计师们多年以来都在使用表格排版页面，这是绝大部分设计师都已掌握的能力。如此地使用表格能保证你获得料想的效果，通过一些简单的 hack，比如间隔 gif， 我们几乎一定能保证我们的站点在最广泛的 Web 浏览器上看起来都一样，从最低版本的 Netscape 4到Safari 这样的现代浏览器。

　　虽然先驱者们早已宣传了好久 Web 标准， 大部分的网站还是使用表格和不兼容标准的代码开发的，因此用户代理就不得不在很长一段时间内支持基于表格的排版方式。 这对于 Web 标准的卖点来说，是个致命的打击：标准没有标准应有的地位。不大可能会出现下面这种情况，某个次要的浏览器厂商 (唔，还是说 Microsoft) 突然发布了一个大部分网站都显示不了的浏览器。

　　所以网页设计者们总感觉不到开始使用基于  CSS 排版和支持标准的代码的那种危机感和必要性。

　三、降低门槛Web

　　正是由于它的门槛低才如此成功的： HTML 是个简单易学的言语，浏览器又能容忍许多标记混乱的文档。 这使在 Web 上发布内容变得难以置信地容易。即便你 12 岁的侄子也能用 Microsoft Office 中附带的 Frontpage 捣鼓出一个简单的网站来。

　　基于表格的设计比之基于 CSS 的，当然 CSS 的语法很简单，正常人都会同意：你没必要是火箭科学家才能学会 CSS。虽然如此，其中有些概念还是过于微妙了，不易领会。比如表面上看，Box 模型很简单，但我偶尔还是会在边界折叠 (margin collapsing) 上滑一跤， 浮动(float) 和清除 (clear) 这样的概念也不好理解，较难运用。 以我的经验而言，从了解 CSS 的基本概念到能自若地用 CSS 开发站点，大约需求走过一条为期 6-12 月的学习曲线。

　　然后是浏览器支不支持的问题。一旦你正式开始干活，就会慢慢了解哪个浏览器支持什么、不支持什么，和一些常见的浏览器 bug。可惜bug 太多了， 就算“专家”们也难以估量本人花在修整 bug 上的时间。对老手来说就更让人气馁了，由于他们不知道是由于本人误解了CSS 呢，还是某些晦涩的浏览器 bug？也许这就是为何同样的问题一再出如今 CSS-Discuss 等邮件列表上的缘由吧。

　　如果浏览器厂商们终能步调分歧， 用 CSS 开发站点将会容易得多。但我还是觉得——大部分人也会同意——CSS 开发的门槛比基于表格的还是太高了。换个说法， 我觉得这也说明了为何基于 CSS 的设计在Web 专家们之间如此流行。这让他们把本人和那些专业的“Front-page 牛仔”们区分开来，让他们找回当年 Web 只属于本人这个小群体时的感觉。 大概这正式因此，那么多人都把 Web 标准看作不可触及的“象牙塔”， 那么多 Web 标准的鼓吹者却以狂热的态度，带着优越感去看待网页设计。

　四、有些东西还是用表格来做更容易

　　我确信我们大家都曾发现，本人为了实现用表格做起来是小菜一碟的功用写了相当复杂的 CSS。比如处理表单 (form) 的外观，外形再复杂怪异的表单也能用表格轻松搞定。 你是可以用 CSS 的浮动元素实现类似的结果，但就麻烦多了。 如果你是个 CSS guru，这种麻烦也是快乐的事。可毫无疑问，如果你只是个普通人，还有个会掐住你的喉咙问你怎样做个小表单也花了这么久的老板，事情就不那么好玩了。

　　如果你有足够的知识，又有足够的耐心，习惯于用表格做的大部分事情还是都能用 CSS 实现的。 虽说花的时间长点吧，还是有个限制的(或者被打击得放弃了尝试)。关键是确实有些无论你怎样努力，还是无法实现的东西，其中一项便是页脚栏 (page footer)。我常常见到来自灰心失望的 CSS 作者的贴子， 他们试图创建那种可以粘在窗口底端的页脚栏，使即便那个窗口没伸展到整个屏幕也能保证效果。如果用到了表格，要做出这种效果简单得很， 可单独用 CSS 来做就是另一回事了。 为什么还有 Web 开发者们不情愿用 CSS？就是由于一旦不用表格，简单的事情反而变复杂了。

　五、夸大收益

　　有很多理由让你丢掉表格、去顺应基于 CSS 的排版， 可在推动 Web标准的洪流中，许多人夸大了收益。 大的站点改用 CSS 排版确实能节省不少带宽。可对大部分的其他站点来说，受益小得庶几可以忽略不计。

　　大家都希望页面载入得更快， 而标准鼓吹者们也说 CSS 能帮你做到这一点。大多数站点的“设计”都是均匀分布在整个站点上的，但基于 CSS 的“设计”是放在一个到更多的文件中的。 这些文件会很快变得很复杂、很大，即便一个小站点也是如此。我最近设计的一个站点用了 4 个款式表，加起来有 12k 之大 (虽说包括了空白和注释)。使用 CSS其实是在先集中地载入然后再浏览，而不是把要载入的数据平均分布到整个站点各处。也就是说，相比用表格排版，首页需求花更长的时间来下载。只不过如果款式表曾经下载了，它们会被缓存起来而不需求重新下载。可毕竟一个站点的首页是你最不希望载入得那么慢的一页呀。

　六、招徕客户

　　即便有时网页设计者们觉得把符合  Web 标准搭售给客户是有必要的，但令人遗憾的理想是，大多数的客户对站点的代码好坏并不在意。我们普通用的是胡萝卜加大棒的方式，胡萝卜是诸如对搜索引擎的敌对度之类，而大棒才是网页的亲和力 (accessibility)。

　　确然，搜索引擎是比较喜欢语义化标记的页面，而且大家也都认为搜索引擎喜欢短小的代码，通过 CSS 和 Web 标准来建构站点可以大大增进对搜索引擎敌对的站点的开发。然而没有银弹。许多基于表格的站