【图】通向web标准之路

作者前言

　　今天下午，我的一个朋友问我：对于一个想了解web标准的老网页设计师有什么建议。

　　我想将我的email回复贴在这里让更多人看见将是一个很好的范例。我的回复是：这有一个全面的，非正式的，有些罗嗦的指南，送给所有听说过web标准，希望使用web标准却又不知道从哪里开始设计师。

　　正文

　　首先不要急着开始！在做任何事情之前做好2个心理准备，这对你的学习过程是最重要的事情：

　　1).学习需要时间，要循序渐进；
　　2).前进的过程中会遇到挫折。

　　但是你并不孤独，我们中许多人正在投入到学习和使用web标准的行列中来。有一个不断扩大的团体来帮助你更容易地学习，老手在学习技术和技巧的过程中遇到许多困难，幸运的后来者(包括我自己)将从他们的汗水与泪水中获益。

　　当最后，你能熟练使用基于web标准的设计方法(使那些传统的基于表格的方法显得黯然无光)时，回头再看，你将惊奇用CSS布局页面并不是那么难。哦，当然，如果主流浏览器能对CSS2规范中的一些操作支持更好，实际上使用时可能会更加容易。

　　恩，我好象有点跑题了。

　　那么，让我们立刻开始了解实际有用的信息。首先，去买一本《Designing With Web Standards》(中文版已经引入)，不用多想，立刻去做。已经有了？好，现在就阅读它，不要让它积满灰尘。我想说的每一点在书里都有详细的解释。书分为平均的两部分，宣言(为什么你应该怎么做)和教程(你怎样去做)。这对你是有用的。

　　现在，第一件事情就是树立一个XHTML的思想体系概念，不管你选择HTML4.01或者XHTML 1.0 Strict(有很多理由选择其中的任一种，现在你可以先忽略这些,以后不能忽略，除非你准备做让人麻木的苦差事。)，所有的文档以选择一个DOCTYPE开始。告诉浏览器你的文档用什么标记语言,这样做可以防止出现不必要的表现错误，否则糟糕的页面显示结果会使你疯狂。打个比方：我想飞往芝加哥，就必须告诉旅行社我要去哪里，否则可能无目的的乱飞到维也纳。要显示的是HTML或者XHTML，你必须先告诉浏览器,设置DOCTYPE可以确保我到达"目的地"。

　　下一个目标：严谨格式的标识。这非常容易掌握。把所有的属性加上引号(例如:<a href="link")；正确的嵌套标识；关闭所有打开的标识(例如：<input type="text" /)。每一个标识或者元素都需要关闭。

　　快速注释：不知道什么时候，标识(tags)变成了元素(elements),它们是相同的含意，不同的说法。不管你怎么称呼它们，现在正确的称呼似乎应该是"元素"，也许一开始就是这样的，我不知道也没有人告诉过我。

无论如何，每一个元素都必须被正确的关闭。如果你使用HTML4.01，可以不考虑单独元素象<br,<hr和<input，如果你使用XHTML，单独元素也必须关闭，就是在最后加一个斜杠，例如：<br变成<br /。

　　接下来,是一个有点令人糊涂的、关于XHTML属性的规则：所有的属性都必须有一个值，如果没有值，就用它本身。例如<input type="radio" checked="checked" /。在HTML4.01中checked是不需要值的，而XHTML中它是必须的。

　　最后，XHTML需要你用小写写所有的代码，HTML不区分大小写，但XHTML区分，它遵循的是XML语法规则。

　　上面就是所有关于标识的变化！你已经都知道了！深呼吸、喝口啤酒，放松一下。因为那只是第一步。

　　第二节

　　现在,我们开始学习撰写正确的HTML/XHTMLL，并在W3组织的校验器(validator)里校验它们。如果你写得正确，你将看到一个蓝底黄字的成功信息。尝试喜欢这种颜色/字体组合吧，它将是你最好的朋友。

　　为什么校验那么重要？有什么关系吗？因为poorly-written(随意的、不严谨的)标识将带来完全的不可预知性。页面的"生死"完全依赖于浏览器的错误处理方式，尽管大多数浏览器还能很好的支持poorly-written标识，但这是不正确的习惯。嗨，是什么使得我们习惯非标准？首要原因是浏览器大战，1995年微软能够从Netscape地盘里竞争获得市场就是因为IE对网页错误的处理方式和 Netscape 一模一样。

　　另一个观点是：校验帮助你发现错误的代码，确保你的页面有更一致的表现。校验代码是我调试布局的第一件事，相信你也是。

　　ok,当你第一次校验你的第一个站点，你很可能需要忍受一下反馈回来的七八十条不可思议的错误信息。不幸的，虽然校验有帮助信息，但并不完美，它只是由一些志愿者维护的。好消息是那些错误是关联的，如果你发现少了一个</p标签并修正了它，很可能接下来的24个错误都没有了。简言之，看起来校验结果很糟糕，但往往并不是。

　　现在，你已经通过了校验，你的代码也都符合规范。此时，你坚持了一个严格的指导方针，但是对为什么首先要这样做还缺乏全面的了解。

　　第三节

　　下一步是采用良好格式(well-forme