良好的表格实践 - 在表格中制作标题的最佳方法？

【问题标题】：Good table practice - best way to do headers in a table?良好的表格实践 - 在表格中制作标题的最佳方法？
【发布时间】：2016-10-17 15:48:44
【问题描述】：

我基本上有一个数据表，我想设置间距，这样就不会全部挤在一起。但是我希望表格的标题栏（第一行）忽略单元格填充规则。

有什么好办法吗？还是我必须为标题创建一个单独的表格或其他东西？

【问题讨论】：

标签： html header html-table spacing

【解决方案1】：

是的，在您的 CSS 中：

table thead th { padding: 0; }
table tbody td { padding: 15px; }

假设：

<table>
<thead>
<tr>
  <th colspan="4">Big Heading</th>
</tr>
</thead>
<tbody>
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
</tr>
</tbody>
</table>

【讨论】：

ooh.. 现在我知道 53k 代表来自哪里：P

【解决方案2】：

使用thead 和tbody。

仅对 tbody 应用填充样式。

【讨论】：

【解决方案3】：

“标题栏”听起来像是 <caption> 元素的理想内容。

【讨论】：

【解决方案4】：

对于表格标题中的表格单元格，您可以使用 th 而不是 td。然后，您可以为标题和正文单元格定义单独的样式。

【讨论】：