HTML基础教程（二十三）网站布局之使用表格：别笑！表格布局，HTML老爷爷的“文艺复兴”与绝地反击

第一章：远古巨兽的辉煌时代：表格布局的“帝国纪元”

让我们把时钟拨回到20世纪末21世纪初。那时的互联网，是一片狂野的西部。浏览器们（对，主要就是IE和Netscape）各自为政，CSS支持度参差不齐，且弱得可怜。网页设计师们怀揣着让页面精美起来的梦想，却手无寸铁——直到他们发现了 <table> 这个强大的工具。

表格，本意是为了呈现表格化数据，比如财务报表、课程表、数据对比等。但它有一个“致命”的优点：它能轻松地创建出规整的、行列分明的布局。通过嵌套无数个 <table>, <tr>, <td>，再结合 colspan 和 rowspan 这两个“魔法属性”，设计师们竟然奇迹般地拼凑出了复杂的多栏布局、导航栏、页脚……一切你能想到的页面结构。

一时间，<table> 帝国建立了！它的统治力体现在：

• 强大的稳定性：几乎所有浏览器都对表格支持得非常好，兼容性一流。
• 直观的网格结构：不像CSS布局那样抽象，表格的行列思想非常符合人类的直观思维，上手极快。
• “坚固”的布局：不容易跑版，内容会老实地待在自己的单元格里。

然而，帝国的辉煌之下，暗流涌动，埋下了日后崩塌的祸根。

第二章：帝国的黄昏：为什么我们说“Table, Thou Art Slain!”

“DIV+CSS”的浪潮如同一声革命的号角，表格布局帝国迅速土崩瓦解。这不是一场简单的技术迭代，而是一场彻底的“范式转移”。人们发现，用表格来做布局，简直像是在用瑞士军刀砍树——不是不行，但后患无穷。

1. 语义化灾难：名不正则言不顺
HTML的精髓在于语义化。每个标签都应该有它明确的含义。

• <table> 的意思是：我这里面的内容是表格数据。
• <div> 的意思是：我就是一个通用的容器，没有特