目次に戻る

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

概要

カテゴリー
  • なし。
配置できる場所
内容モデル
属性
  • グローバル属性
  • colspan→0を除く1000以下の非負整数。当該セルがどれだけのをまたがる1セルとなるかを指定する。デフォルトは、1
  • rowspan→65534以下の非負整数。当該セルがどれだけのをまたがる1セルとなるかを指定する。デフォルトは、10の場合は、所属行グループ内における縦方向の残りのすべてにまたがることを意味する。
  • headersth要素id属性値を、半角スペース区切りで複数指定可能。当該セルに対応する見出しセルを指定する。
HTML構文におけるタグの省略
  • 終了タグ→一定条件で可。
WAI-ARIA
  • roleが(デフォルトでそうである場合も含めて)tabletable要素子孫である場合は、
    • デフォルトroleは、cellデフォルトrolerole属性値に指定することは、推奨されない。
    • デフォルトrole以外のroleは、指定不可。
  • rolegrid又はtreegridtable要素子孫である場合は、
    • デフォルトroleは、gridcellデフォルトrolerole属性値に指定することは、推奨されない。
    • デフォルトrole以外のroleは、指定不可。
  • そうでない場合は、
    • すべてのroleが指定可能。
  • colspan属性が指定されている場合は、aria-colspan属性を指定すべきではない。
  • colspan属性値と合致しないaria-colspan属性値を指定してはならない。
  • rowspan属性が指定されている場合は、aria-rowspan属性を指定すべきではない。
  • rowspan属性値と合致しないaria-rowspan属性値を指定してはならない。
視覚系ブラウザデフォルトとして期待されるCSS

  td {
    display: table-cell;
    unicode-bidi: isolate;
    padding: 1px;
    vertical-align: inherit;
  }
  
ユーザーエージェントに対する特記事項
  • テーブル二次元グリッドとして表示することが実用的ではない環境(例えば、音声出力)において、セル内容を提示するときに、当該セルに関する情報(例えば、当該セルの位置情報、当該セルに対応する見出しセルの一覧など)を追加してもよい。
意味・用法

テーブルのデータのセルを表す。

アクセシビリティ関連

私見・補足

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

表示確認

table要素を参照。