如何设置HTML表格和表格属性？

本文共计948个文字，预计阅读时间需要4分钟。

HTML表格不使用``或``模拟，而是使用专门的``元素——但它的位置非常规范：

常见错误是把它写在 thead 里面、或者放在 table 外面当普通标题，结果浏览器虽然可能渲染出文字，但实际不被识别为表格标题。

• <table><caption>销售数据</caption><thead>...</thead></table> ✅ 正确
• <table><thead><caption>销售数据</caption>...</thead></table> ❌ 无效，caption 不是 thead 的合法子元素
• <h3>销售数据</h3><table>...</table> ❌ 无语义关联，不能被辅助技术识别为该表标题

caption 默认居中且不可继承 text-align

caption 在所有主流浏览器中默认水平居中（即使父 table 设置了 text-align: left），这是 CSS 规范定义的特殊行为。想让它左对齐或右对齐，不能靠继承，必须显式设置 caption-side 和 text-align。

注意：caption-side 控制标题位置（上/下），text-align 控制文字对齐方式，两者要配合使用。