Table Headerとは何ですか?

HTMLの要素:表の見出しを分かりやすく表示

要素は、 **t**able **head**er の略で、表のヘッダー部分を表す要素です。 例えば、内容が多い表を印刷すると複数のページになる場合があります。 その際、各ページに表のヘッダーがあれば分かりやすくなります。

要素の使い方

要素は、要素の直下に記述し、その中に要素でヘッダーの行を定義します。 要素内では、要素のメリット - 表の内容が分かりやすくなる。 - 特に、印刷時にヘッダーが各ページに表示されるため、データの解釈が容易になる。 - スクリーンリーダーなどの支援技術が、表の内容を正しく解釈しやすくなる。 ## よくある質問 **Q1: 要素は必ず使う必要がありますか?** A1: いいえ、必須ではありません。しかし、表の内容が複雑な場合や、印刷して使用する可能性がある場合は、可読性を向上させるために使用することをお勧めします。 **Q2: 要素は1つの表に複数使用できますか?** A2: いいえ、1つの表につき1つだけ使用できます。 **Q3: 要素を使用せずに、各ページにヘッダーを表示させる方法はありますか?** A3: はい、CSSの `page-break-inside: avoid;` プロパティを要素に適用することで、ページ区切りを避けることができます。
要素を使用してヘッダーセルを作成します。 ## コード例

<table>
  <thead>
    <tr>
      <th>名前</th>
      <th>年齢</th>
      <th>職業</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>田中太郎</td>
      <td>30</td>
      <td>会社員</td>
    </tr>
    <tr>
      <td>佐藤花子</td>
      <td>25</td>
      <td>デザイナー</td>
    </tr>
  </tbody>
</table>
上記のコードは、以下のような表を表示します。
名前 年齢 職業
田中太郎 30 会社員
佐藤花子 25 デザイナー
##