thead(テーブル・ヘッダー)要素は表組みにおける、本体部分の行グループを表します。

thead 要素を使用する場合は、下記の、1 ~ 4 をすべて満たす必要があります。

  1. table要素の子要素としてなる場所で
  2. thead要素はtable要素内に 1つだけになるように
  3. caption、colgroup要素が存在する場合は、これら要素より後ろに記述
  4. tbody、tfoot、tr要素が存在する場合はこれら要素より前に記述

また、thead要素の内容としては、0個以上のtr要素、およびスクリプト支援要素を持つことができます。

thead要素説明
カテゴリーなし
コンテンツモデル0個以上の tr要素、およびスクリプト支援要素
使用できる場所table要素の子要素として。ただし、caption、colgroup要素より後ろ、かつ tbody、tfoot、tr要素より前に位置し、table要素の子要素となる thead要素が他にない場合に限る。

thead要素で使用できる属性

すべてのHTML要素で使用できる属性になります。

使用例

<table>
  <thead>
    <tr>
      <th>Aタイプのお部屋</th>
      <th>Bタイプのお部屋</th>
      <th>Cタイプのお部屋</th>
    </tr>
  <thead>
    <tr>
      <td>海側のツーインベッドのお部屋</td>
      <td>海側の和室のお部屋</td>
      <td>山側のシングルベッドのお部屋</td>
    </tr>
</table>

表示

Aタイプのお部屋Bタイプのお部屋Cタイプのお部屋
海側のツーインベッドのお部屋海側の和室のお部屋山側のシングルベッドのお部屋

カテゴリー: