4.9.10 th 要素

カテゴリー

なし

この要素を使うことができるコンテキスト：

tr 要素の子として。

コンテンツ・モデル：

フレージング・コンテンツ

コンテンツ属性：

グローバル属性

colspan

rowspan

headers

scope

DOMインタフェース：

interface HTMLTableHeaderCellElement : HTMLTableCellElement {
           attribute DOMString scope;
};

th 要素は、テーブルの中の見出しセルを表します。

th 要素には、scope コンテンツ属性を指定することができます。scope 属性は、5 つの状態をもち、うち 4 つは明示的なキーワードを持った列挙属性です：

row キーワード：row 状態に相当します

row 状態とは、その見出しセルは、その同じ行の残りのセルのいくつかに結びつくことを表します。

col キーワード： column 状態に相当します

column 状態とは、その見出しセルは、その同じカラムの残りのセルのいくつかに結びつくことを表します。

rowgroup キーワード：row group 状態に相当します

row group 状態とは、その見出しセルは、その行グループの残りのセルすべてに結びつくことを表します。th 要素の scope 属性は、その要素が行グループに固定されていないなら、row group 状態となってはいけません。

colgroup キーワード：column group 状態に相当します

column group 状態とは、その見出しセルは、そのカラムグループの残りのセルすべてに結びつくことを表します。th 要素の scope 属性は、その要素がカラムグループに固定されていないなら、column group 状態となってはいけません。

auto 状態

auto 状態は、その見出しセルを、文脈に基づいて選ばれたセルのセットと結び付けます。

scope 属性が指定されなかった場合のデフォルトは、auto 状態となります。

次の例は、scope 属性の rowgroup の値が、見出しセルがどのデータ・セルに結び付けられるのかについて、どのように影響を与えるのかを示したものです。

これは、テーブルを表示するマークアップです：

<table>
 <thead>
  <tr> <th> ID <th> Measurement <th> Average <th> Maximum
 <tbody>
  <tr> <td> <th scope=rowgroup> Cats <td> <td>
  <tr> <td> 93 <td> Legs <td> 3.5 <td> 4
  <tr> <td> 10 <td> Tails <td> 1 <td> 1
 <tbody>
  <tr> <td> <th scope=rowgroup> English speakers <td> <td>
  <tr> <td> 32 <td> Legs <td> 2.67 <td> 4
  <tr> <td> 35 <td> Tails <td> 0.33 <td> 1
</table>

これは、次のテーブルになるでしょう：

ID	Measurement	Average	Maximum
	Cats
93	Legs	3.5	4
10	Tails	1	1
	English speakers
32	Legs	2.67	4
35	Tails	0.33	1

最初の行にある見出しはすべて、直接的に、下に向かって、そのカラムにある行と結び付けられます。

明示的な scope 属性を持つ見出しは、最初のカラムにあるセル以外で、行グループにあるすべてのセルと結び付けられます。

残りの見出しは、それらのちょうど右にあるセルに適用されます。

※ 原文：http://www.w3.org/TR/2011/WD-html5-20110525/tabular-data.html#the-th-element