html - 良いテーブル プラクティス - テーブルでヘッダーを作成する最良の方法は?

Question

私は基本的にデータのテーブルを持っており、すべてが窮屈にならないように間隔を設定したいと考えています。ただし、テーブルのタイトル バー (最初の行) がセルのパディング ルールを無視するようにします。

これを行う良い方法はありますか？または、ヘッダー用に別のテーブルなどを作成する必要がありますか?

Answer 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>

Answer 2

theadとtbodyを使用します。

tbody のみにパディング スタイルを適用します。

Answer 3

「タイトル バー」は、<caption>要素の理想的なコンテンツのように聞こえます。

Answer 4

テーブル ヘッダーのテーブル セルには、td の代わりに th を使用できます。次に、ヘッダーと本文のセルに個別のスタイルを定義できます。