使用 caption 为表格添加标题
<th>
标签的工作方式与 <td>
标签非常相似,只不过 <th>
指示单元格是表格标题的一部分。大多数 Web 浏览器都自动把 <th>
单元格中的文本呈现为居中和粗体样式。
在创建简单的表格时,可以利用另外 3 个有用但是并非必需的与表格相关的标签。
<thead>
:包装这个元素中的标头行,给组添加更多的含义,还允许这些标头行跨所有页面打印出来(如果表格足够长的话)。然后可以编排 <thead>
元素(而不是单个 <th>
单元格)的样式<tbody>
:包装这个元素中构成这个表格的"主体"的行(除标头和脚注行以外的所有行),给组添加更多的含义,然后还可以把 <tbody>
元素作为一个整体来编排样式,而不是编排各个 <td>
单元格的样式<tfoot>
:与 <thead>
元素非常相似,使用它包装这个元素中的脚注行(如果具有任何脚注行的话),给组添加更多的含义,并将其作为一个整体编排样式。脚注行的一个示例可能是列中展示的数据之和,比如财务总计使用 col 或 colgroup 元素进行分组。主要作用是为表格一列或多列定义样式。
span 是 colgroup 和 col 的专用属性,规定列组应该横跨的列数,取值为正值。