从HTML到XHTML--使用Web标准建设网站(一)

作者：张克军 用户体验部

小编按：最近看到搜索日志上有不少朋友对雅虎的网页设计模式感兴趣，我们的设计师张克军也不禁手痒，和大家分享一些他在建设网站方面的心得，希望和对此感兴趣的朋友交流。设计师嘛，思维总是跳跃性的，不知您在阅读时能否感受到：）

传统的网站前端展现应该说是没有层次的，前端工程师直接将服务器端脚本和HTML近乎毫无规律地混合起来，HTML构建的结构很容易被破坏，直接影响前端的展现和日后的维护。直到CSS的出现后才略有改观，目前CSS正式推出的有两个版本CSS1和CSS2， CSS1是1996年制定的，CSS2是1998年制定，CSS3正在制订中尚未推出。由于CSS是滞后于HTML出现的，因此早期的浏览器对CSS的支持不足，导致很多网站制作同仁过度依赖HTML控制页面的视觉表现。

实际上，HTML的本意并不是用来控制页面外观的。而随着浏览器的升级换代，现在的浏览器对CSS的支持越来越全面（虽然有的还不是很标准），是时候让HTML干它应该干的事了：那就是描述文档的结构，而不是文档的表现。

在万维网联盟（W3C）的推动下，未来所有的浏览器都将全面支持由W3C制订的Web标准。顺应这种趋势，微软将在今年正式推出的IE7，目前beta3版已经发布。这将是一款接近Web标准的浏览器。实际上IE5.0对CSS1的支持不是很好的，但不支持CSS2，到了IE6却变成一款非常糟糕的浏览器，Bug重重，漏洞百出，对CSS的解释含糊不清。这也是近些年Firefox、Safari这样的标准浏览器崛起的原因。如果说在以前Web标准还不健全或浏览器厂商重视不够的情况下，网站前端开发可以不用严格遵守什么标准。那么在今天，当Web标准已经成为业界标准，不遵守标准的Web产品在不同浏览器下的表现将是不可预期的（即便在一向“宽容”的IE下），这样的后果轻则影响产品，重则损害公司品牌形象。

“从HTML到XHTML”不仅仅是所使用的语言的转变，更多的是意味着前端开发模式的转变，向着更层次化，更标准化，更适应现代Web开发的方向转变。雅虎用户体验部的Web开发组正是专门负责这方面工作的，我们在雅虎的产品设计中也在逐步转向符合标准的设计模式。

那么到底有哪些Web标准呢？由W3C和其他一些标准化组织共同制订的Web标准如下图所示：

从图中我们看到，Web标准分为结构化语言、表现类语言、对象模型和脚本语言四个大类。这意味着写页面代码应该按照什么规范去写。在其中的“结构化语言”分类中，可以看到替代HTML的将是XHTML，那么什么是XHTML呢？？
- XHTML (eXtensible HyperText Markup Language)－可扩展的超文本标记语言
- XHTML的目标是替代HTML
- XHTML几乎和HTML 4.01一样
- XHTML是更严格和更干净的HTML
- XHTML是向XML过渡的语言
- XHTML是W3C推荐的（这代表着浏览器发展的方向）

目前雅虎的主要产品都遵照XHTML 1.0 Transitional标准，网页搜索产品是遵照HTML4.01 Strict 标准。雅虎将在近期内逐步放弃旧的HTML标准。