thead 要素

4.9.6 thead 要素

カテゴリー:
なし
この要素を使うことができるコンテキスト:
table 要素の子として。ただし、caption, colgroup 要素より後ろで、tbody, tfoot, tr 要素より前に位置し、table 要素の子となる thead 要素が他にない場合に限ります。
コンテントモデル:
0 個以上の trスクリプトサポート要素
コンテント属性:
グローバル属性
text/html におけるタグの省略:
thead 要素の終了タグは、thead 要素の直後に tbodytfoot 要素が来るなら、省略することができます。
指定可能な ARIA role 属性 の値:
あらゆるロールの値
指定可能な ARIA ステートとプロパティ属性:
グローバル aria-* 属性
許可ロールに該当する aria-* 属性
DOM インタフェース:
HTMLTableSectionElement です。tbody 要素に定義されている通りです。

thead 要素は、その thead 要素が親を持ち、それが table 要素であれば、その親の table 要素に対する列ラベル(ヘッダー)から構成されるブロック表します。

thead 要素は、テーブルモデルに属します。

この例は、thead 要素の利用例を示しています。thead 要素の中で thtd 要素のいずれも使われている点に注目してください。最初の行はヘッダーです。次の行は、このテーブルに何が入るのかについての説明です。

<table>
 <caption> 学園オークション登録シート </caption>
 <thead>
  <tr>
   <th><label for=e1>Name</label>
   <th><label for=e2>Product</label>
   <th><label for=e3>Picture</label>
   <th><label for=e4>Price</label>
  <tr>
   <td>ここはあなたの名前
   <td>あなたは何を売りますか?
   <td>写真へのリンク
   <td>あなたの最低競売価格
 <tbody>
  <tr>
   <td>ダナスさん
   <td>ドーナツ
   <td><img src="http://example.com/mydoughnuts.png" title="ダナスさんのドーナツ">
   <td>$45
  <tr>
   <td><input id=e1 type=text name=who required form=f>
   <td><input id=e2 type=text name=what required form=f>
   <td><input id=e3 type=url name=pic form=f>
   <td><input id=e4 type=number step=0.01 min=0 value=0 required form=f>
</table>
<form id=f action="/auction.cgi">
 <input type=button name=add value="登録">
</form>

※ 原文:http://www.w3.org/TR/2014/REC-html5-20141028/tabular-data.html#the-thead-element