采用XHTML和CSS的过渡方法是我们今天的重要进步，它将解决我们讨论的众多问题。虽然与一个无表格的方法相比，用过渡期的CSS方法需要花费更多的成本和费用（在大多数情况下，还需要更多带宽），但使用过渡技术——CSS控制字体、颜色、空白等，XHTML表格控制基本布局，这样可以增加网站的可用性、易访问性、协同性、长期生存能力，虽然比用无表格，纯CSS方法要花费更多的工作和代价（需要更多的带宽）。

Happy Cog（www.happycog.com）是我的网站代理商的一个商业站点，是采用过渡方法的网站例子之一，如图2.7、图2.8、图2.9所示。它结合了XHTML表格布局技术和CSS1，CSS2以及简单的基于DOM的脚本，它符合XHTML1.0和CSS标准，也遵守508条款的可访问性要求和WAI Priority 1指导方针（关于指导的更多细节在第2部分介绍）。

图2.7

Happy Cog，这个商业站点（www. happycog.com），是一个过渡期的例子，它用CSS和DOM结合最新的XHTML表格布局做到向后兼容，用任何现代浏览器访问，都表现得十分正确

因为符合XHTML、CSS和508条款，即使浏览器和标准发展，Happy Cog站点也能长期生存。使用一些守旧的方法（主要是表格布局），它在新浏览器中保持良好的外观，也能在浏览器战争时代的不完全支持CSS的浏览器（像Netscape 4）中保持适当的外观。在同一时间，Happy Cog使用简单的结构标记和易访问性技术允许它的内容可以在非图形浏览器、屏幕阅读器和新的无线设备中正常显示。

Happy Cog站点的过渡期策略提供了向前和向后兼容，这是一个适合今天大多数网站使用的策略。在使用Web标准设计和建造网站获得巨大收益时，你的思维方式和方法也会发生根本的转变。

图2.8

用一个CSS支持性不太好的老浏览器（Netscape 4）打开站点，除了少数细节设计部分无法显示外，大部分Happy Cog的网页都表现得较完美。但我们不会介意，大部分Netscape 4浏览器的用户对此都已习惯，也不会介意

图2.9

再说说Happy Cog网站，这次用文本浏览器Lynx浏览，就像图片中显示的一样，当分离视觉表现，文本内容能够完全显示出来。与图2.5进行对比，Gilmore站点根本不能在非图形浏览器中工作。Happy Cog在设计上并不比Gilmore聪明，它只是使用了标准保证站点的易访问性，Gilmore却不能

当你的网站希望达到流水线生产，保持内容的完整性和可移植性，并服务于不同用户的访问设备的目标，采用Web标准不仅仅是应该的方法，也是它们今天工作惟一方法。

结构与表现及行为相分离是这种设计方法的基础，这也是未来所有站点的设计方法（除了使用全Flash的站点）。它已经被无条件使用在向后兼容站点上，就像我们展示的那样。