th要素
要素名 | バージョン | 開始タグ | 終了タグ | 分類/親 | 中身 |
---|---|---|---|---|---|
th | 3.2, 4.0, X1.0, X1.1 | 必須 | 省略可 | tr | (%flow;)* |
属性名 | バージョン | 属性値 | 既定値 | 備考 |
---|---|---|---|---|
scope | 4.0, X1.0, X1.1 | %Scope; | #IMPLIED | scope covered by header cells |
abbr | 4.0, X1.0, X1.1 | %Text; | #IMPLIED | abbreviation for header cell |
headers | 3.2, 4.0, X1.0, X1.1 | IDREFS | #IMPLIED | list of id's for header cells |
axis | 4.0, X1.0, X1.1 | CDATA | #IMPLIED | comma-separated list of related headers |
rowspan | 3.2, 4.0, X1.0, X1.1 | NUMBER | 1 | number of rows spanned by cell |
colspan | 3.2, 4.0, X1.0, X1.1 | NUMBER | 1 | number of cols spanned by cell |
align | 3.2, 4.0, X1.0, X1.1 | (left|center|right|justify|char) | #IMPLIED | |
char | 4.0, X1.0, X1.1 | %Character; | #IMPLIED | alignment char, e.g. char=':' |
charoff | 4.0, X1.0, X1.1 | %Length; | #IMPLIED | offset for alignment char |
valign | (4.0), (X1.0) | (top|middle|bottom|baseline) | #IMPLIED | |
nowrap | 3.2, (4.0), (X1.0) | (nowrap) | #IMPLIED | suppress word wrap |
bgcolor | (4.0), (X1.0) | %Color; | #IMPLIED | cell background color |
width | 3.2, 4.0, X1.0, X1.1 | %Length; | #IMPLIED | width for cell |
height | 3.2, 4.0, X1.0, X1.1 | %Length; | #IMPLIED | height for cell |
共通属性 …… %coreattrs;, %i18n;, %events;
thの解説
td要素がデータの入ったセルを表すのに対し、th要素は見出しのセルを表します。
表を読み上げる際は、どのデータセルにどの見出しセルが対応しているのかが重要となります。見出しの内容とデータの内容を交互に読み上げていく場合があるためです。
普通は表の上と左一列に見出しセルを配置することになりますが、その際には scope属性を指定して見出しの適用範囲を指定すると良いでしょう。たとえば、上端に配置された見出しセルには scope="col" と指定します。これで、その見出しが縦一列に有効だということが示され、読み上げ環境ではいちいちそのセルを読み上げてくれるでしょう。また、見出しが長いときは abbr属性で略称を指定します。すると、2度目からはその略称を読み上げてくれるでしょう。
ある th要素が、その属する列・行に存在しない、全く別のセルの見出しになっているような場合もありえます。そのような場合は、データセルの側に headers属性をつけ、対応する見出しセルを ID で指定することができます (th には id属性で ID をつけておく必要があります)。
以上はテーブルを読み上げるために必要なことなので、ぜひ守って下さい。普通は scope属性を使えば十分です。
また、axis属性を使うと、各セルをカテゴリに関連づけることができます。単純な表は行方向、列方向、2種類のカテゴリしか持ちませんが、この属性を使えば三次元的、四次元的なデータ構築も可能です。axis属性にはそのセルの属するカテゴリ名をコンマ区切りで記述します。
その他の属性については td要素の解説を参照してください。
- 「th要素」にコメントを書く