网页布局之html表格布局的没落

Html表格在网页布局中的应用已经有很多年了，多年技术的发展与Web工具的增强，一度使html表格布局达到了登峰造极的地步。网页制作师可以非常轻松的使用图像编辑器设计网页并切图，最后自动生成以表格布局的网页。

但传统表格布局虽然加速了网页制作师们完成网页速度，但却忽视了代码的理性分析。实际上，html表格的功能不是用来进行网页布局的，最初的网页也没有今天这么复杂，仅显示文本或几个简单的图像，后来随着网页内容的丰富，图像、声音、动画等多媒体不断充斥着网页，用户对网页视觉提出了更高的要求，于是就有人试着在表格中放置一些网页的内容。

其实在表格布局之初就有专家提出异议，而且那时css技术也已经公布于众，一套较完善的网页标准技术也已经被推向市场，但响应者甚少，微软的IE浏览器更是带头唱反调，标准就这样被非标准压制了好几年。

现在Web技术从 1.0 跨入 2.0 时代，表格布局已经不能再适应新技术的发展趋势了，如今的Web世界中用户体验才是王道，xhtml + css 的技术应用逐渐占据上风，使微软这样的巨无霸也不得不臣服于W3C所提倡的标准之下。

Web 2.0 对于网页结构和布局提出了更高的要求，这不仅仅是为了节省几行代码、减少带宽的问题，因为今天的网络带宽已经不是技术发展的主要障碍了。要实现Web的交互与共建就必须允许用户可以操纵网页，而这些都必须建立在完全标准的网页结构之上，这是html表格布局无法做到的。

Web 2.0 的这种要求与表格网页布局是格格不入的，透过那些所谓精美的表格页面看网页源代码，你会发现就如同看天书一般，这让后期维护和更新成为了一场噩梦，我们通过一个简单的案例来说明这个问题。

上图中，位于左侧上方的是html表格布局，右侧下方的是 xhtml + css 布局，我们清晰的可以看出其代码量相差很大，这只是一个最简单的网页布局，但如果做一个企业网站或者一个大型门户网站，其代码量的差距是可想而知的。

但遗憾的是，部分设计师在学习和使用网页布局时有表格恐惧症，认为网页中只要出现<table>、<td>、<tr>等标签就是不符合标准的，实际上这是种错误的认识，我们在网页布局中只要记住一点：表格是用来组织和展示数据的，而不是用来布局的，当你要展示一个二维表格的数据给用户时，选择使用表格是再恰当不过的了。