各种表元素及其内容属性一起定义表模型。<table> 元素是表模型/表格数据的容器元素。表具有由其后代给出的行,列和单元格。行和列形成网格; 表格的单元格必须完全覆盖该网格而不重叠。下面的列表描述了表模型中的各种元素:

  • <table> - 表模型/表格数据的容器元素。<table> 以表格的形式表示具有多个维度的数据。
  • <caption> - 表格标题或标题(如 figcaptionfigure
  • <col> - 一列(无内容元素)
  • <colgroup> - 一组列
  • <thead> - 表头(只有一个)
  • <tbody> - 表体/内容(多个都可以)
  • <tfoot> - 桌面(只有一个)
  • <tr> - 表格行
  • <th> - 表头单元格
  • <td> - 表数据单元格

从语义上讲,表用于保存表格数据。你可以将其视为一种显示和描述在电子表格(列和行)中有意义的数据的方法。

建议不要使用表格进行布局。相反,使用 CSS 规则进行布局和格式化,包括 display: table

业界通常显示的关于使用 <table> 布局的一个值得注意的例外是关于 HTML 电子邮件:一些电子邮件客户端(包括 Outlook)在微软失去对欧盟的垄断案后回滚到旧的渲染引擎。为了让微软不让 IE 成为操作系统的一部分,他们只是将 Outlook 的渲染引擎回滚到早期版本的 Trident。这种回滚根本不支持现代 Web 技术,因此使用基于 <table> 的 HTML 电子邮件布局是确保跨浏览器/平台/客户端兼容性的唯一方法。