表
各种表元素及其内容属性一起定义表模型。<table>
元素是表模型/表格数据的容器元素。表具有由其后代给出的行,列和单元格。行和列形成网格; 表格的单元格必须完全覆盖该网格而不重叠。下面的列表描述了表模型中的各种元素:
<table>
- 表模型/表格数据的容器元素。<table>
以表格的形式表示具有多个维度的数据。<caption>
- 表格标题或标题(如figcaption
到figure
)<col>
- 一列(无内容元素)<colgroup>
- 一组列<thead>
- 表头(只有一个)<tbody>
- 表体/内容(多个都可以)<tfoot>
- 桌面(只有一个)<tr>
- 表格行<th>
- 表头单元格<td>
- 表数据单元格
从语义上讲,表用于保存表格数据。你可以将其视为一种显示和描述在电子表格(列和行)中有意义的数据的方法。
建议不要使用表格进行布局。相反,使用 CSS 规则进行布局和格式化,包括 display: table
。
业界通常显示的关于使用 <table>
布局的一个值得注意的例外是关于 HTML 电子邮件:一些电子邮件客户端(包括 Outlook)在微软失去对欧盟的垄断案后回滚到旧的渲染引擎。为了让微软不让 IE 成为操作系统的一部分,他们只是将 Outlook 的渲染引擎回滚到早期版本的 Trident。这种回滚根本不支持现代 Web 技术,因此使用基于 <table>
的 HTML 电子邮件布局是确保跨浏览器/平台/客户端兼容性的唯一方法。