: 表格标签
最后更新：2026-09-12
<table>表格标签
`<table>`（表格）元素用于以表格形式展示数据。表格由行（`<tr>`）和单元格（`<td>`/`<th>`）组成，常配合 `<thead>`/`<tbody>`/`<caption>` 使用。

分类表格

内容模型可选的 `<caption>`、零个或多个 `<colgroup>`、零个或多个 `<thead>`/`<tbody>`/`<tfoot>`、`<tr>`

允许的父元素接受流式内容的元素

闭合标签需要 `</table>` 标签

状态标准

📝 语法

<table>
  <tr>
    <th>表头</th>
    <td>数据</td>
  </tr>
</table>

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<table>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

注意： 不要用表格做页面布局（如导航栏、侧边栏），那是 CSS 的工作。表格只用于展示真正的表格数据。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。

分类	表格
内容模型	可选的 `<caption>`、零个或多个 `<colgroup>`、零个或多个 `<thead>`/`<tbody>`/`<tfoot>`、`<tr>`
允许的父元素	接受流式内容的元素
闭合标签	需要 `</table>` 标签
状态	标准