目次に戻る

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

概要

カテゴリー
  • なし。
配置できる場所
内容モデル
属性
  • グローバル属性
  • abbr→他の文脈において参照される場合の当該見出しセルの代替ラベルとなるテキスト。通常は、見出しセル内容の略称(音声ブラウザセルを読み上げるときに対応する見出しセルを逐一読み上げるものがあるため)。
  • colspan→0を除く1000以下の非負整数。横方向に結合されるセル数を指定。デフォルトは、1
  • rowspan→65534以下の非負整数。縦方向に結合されるセル数を指定。デフォルトは、10の場合は、所属行グループ内における縦方向の残りのセルすべてを結合することを意味する。
  • headersth要素id属性値を、半角スペース区切りで複数指定可能。当該セルに対応する見出しセルを指定する。ただし、自身を指定することはできない。
  • scope→値は下記のとおり。どの方向のどの範囲のセルに結びつく見出しセルなのかを定義する。デフォルトは、auto
    • row
    • col
    • rowgroup行グループ。当該見出しセル行グループに固定されている場合のみ指定可。
    • colgroup列グループ。当該見出しセル列グループに固定されている場合のみ指定可。
    • auto→自動判定。
HTML構文におけるタグの省略
  • 終了タグ→一定条件で可。
WAI-ARIA
  • roleが(デフォルトでそうである場合も含めて)tabletable要素子孫である場合は、
    • デフォルトroleは、columnheaderrowheader又はcellデフォルトrolerole属性値に指定することは、推奨されない。
    • デフォルトrole以外のroleは、指定不可。
  • rolegrid又はtreegridtable要素子孫である場合は、
    • デフォルトroleは、columnheaderrowheader又はgridcellデフォルトrolerole属性値に指定することは、推奨されない。
    • デフォルトrole以外のroleは、指定不可。
  • そうでない場合は、
    • すべてのroleが指定可能。
  • colspan属性が指定されている場合は、aria-colspan属性を指定すべきではない。
  • colspan属性値と合致しないaria-colspan属性値を指定してはならない。
  • rowspan属性が指定されている場合は、aria-rowspan属性を指定すべきではない。
  • rowspan属性値と合致しないaria-rowspan属性値を指定してはならない。
視覚系ブラウザデフォルトとして期待されるCSS

  th {
    display: table-cell;
    unicode-bidi: isolate;
    padding: 1px;
    vertical-align: inherit;
    font-weight: bold;
  }
  
意味・用法

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

アクセシビリティ関連

私見・補足

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

表示確認

table要素を参照。