目次に戻る

th要素:HTML Living Standard各要素別メモ

概要

カテゴリー
  • なし。
配置できる場所
内容モデル
属性
  • グローバル属性
  • abbr→他の文脈において参照される場合の当該見出しセルの代替ラベルとなるテキスト。通常は、見出しセル内容の略称(音声ブラウザセルを読み上げるときに対応する見出しセルを逐一読み上げるものがあるため)。
  • colspan→0を除く1000以下の非負整数。横方向に結合されるセル数を指定。デフォルトは、1
  • rowspan→65534以下の非負整数。縦方向に結合されるセル数を指定。デフォルトは、10の場合は、所属行グループ内における縦方向の残りのセルすべてを結合することを意味する。
  • headersth要素id属性値を、半角スペース区切りで複数指定可能。当該セルに対応する見出しセルを指定する。ただし、自身を指定することはできない。
  • scope→値は下記のとおり。どの方向のどの範囲のセルに結びつく見出しセルなのかを定義する。デフォルトは、auto
    • row
    • col
    • rowgroup行グループ。当該見出しセル行グループに固定されている場合のみ指定可。
    • colgroup列グループ。当該見出しセル列グループに固定されている場合のみ指定可。
    • auto→自動判定。

W3C : HTML5.3colspan属性値及びrowspan属性値に上限はなかった。

HTML構文におけるタグの省略
  • 終了タグ→一定条件で可。
WAI-ARIA
  • デフォルトroleは、columnheader又はrowheaderデフォルトroleは、role属性値に指定すべきでない。
  • デフォルトrole以外では、すべてのroleが指定可能。
視覚系ブラウザデフォルトとして期待されるCSS

  th {
    display: table-cell;
    unicode-bidi: isolate;
    padding: 1px;
    vertical-align: inherit;
    font-weight: bold;
  }
  
  
視覚系ブラウザにおいて期待されるレンダリング
意味・用法

テーブル見出しセル又はラベルとなるセル)を表す。

アクセシビリティ関連

私見・補足

th要素a要素で囲んでしまうと、tr要素内容モデルに抵触する。th要素をまるごとリンク化するなら、th要素内容a要素で囲む。

表示確認

table要素を参照。