<table>要素

Technical Summary

Definition / Content model

tableのcontent modelはこの順序を持ち、scriptなどのscript-supporting elementは規定された位置に混在できます。tableの開始タグと終了タグは省略できません。

Table model

table modelは、HTMLソースの見た目をそのまま写したものではありません。行と列がgridを形成し、セルはそのgrid上のslotを占有します。

source markup
  ↓ rows / columns / cells
table grid
  ↓ cell slots and spanning relationships
table model

• Grid行と列が二次元のgridを形成する
• Cellsセルはgridを覆い、セル同士が重複しないように構成する
• Spanrowspan・colspanを含む全分岐は別途詳細確認が必要

Header / Data cell relationships

見出し関係は、文字の太さや罫線ではなく構造として表現します。単純な表ではscopeが読み取りやすい入口になります。複雑な表では、構造の単純化を優先しつつ、必要に応じてidとheadersで関係を明示します。

Parser recovery boundary

HTML parserは、ソースの入れ子を単純にDOMへコピーするだけではありません。例えば、tbodyの直下にtdを置くソースはparse errorになります。このtable-body contextでは、tree builderが暗黙のtrを挿入してからtd tokenを再処理するrecovery branchがあります。

<table>
  <tbody>
    <td>source cell</td>
  </tbody>
</table>

possible DOM shape after recovery:
table → tbody → tr → td

したがって、source markupの文字列上の親子関係と、parser後のDOM treeを同一視してはいけません。適合性の判断と、ブラウザーがrecoveryした結果の観測は別の確認対象です。

DOM interface

table要素はHTMLTableElement interfaceとして扱われます。caption、tHead、tFoot、tBodies、rowsなどのgetterや、createTBody()、insertRow()などの操作が定義されています。

const table = document.querySelector('table');
table.caption;
table.tBodies;
table.rows;
table.insertRow(-1);

DOM APIの結果は、HTMLソースをどう記述したかだけでなく、parserが構築したDOM treeと、実行時に行った操作の状態に依存します。

Fact / Evidence（主張 / 根拠）

主要Factを、適用条件・確認状態・仕様上の根拠位置と対応付けています。未完了の範囲は下のCoverage / Open Issuesに残しています。

Evidence

1. HTML Standard: The table element — 意味、content model、table model、layout tableとの境界、DOM interface
2. HTML Standard: Forming a table — table grid、rows、columns、cells、slotの形成
3. HTML Standard: Header and data cell semantics — 見出しセルとデータセルの関係
4. HTML Standard: The "in table body" insertion mode — table contextのtoken処理とrecovery境界
5. HTML Accessibility API Mappings: table — platform accessibility mappingの確認入口

Implementation Evidence

仕様上の主張とは別に、ブラウザー実装・WPT・アクセシビリティ観測を記録します。未実施の項目は確認済みとは扱いません。

共通fixture / 実行環境: tbodyを省略したtableにscope付きの見出し、rowspan="2"、headersを配置。Chrome 152.0.0.0 / Windows NT 10.0 / 確認日 2026-09-13。

WPTの対応付けにはWPTリポジトリ、アクセシビリティの基準にはHTML-AAMを参照します。

Coverage / Open Issues

• Reviewed要素の意味、content model、table gridの基本、単純なheader/data関係、HTMLTableElementの主要surface
• Reviewedtable-body contextにおける暗黙の行挿入というparser recoveryの境界
• Openrowspan・colspan、table modelの全アルゴリズム分岐、複雑なheader associationの完全な追跡
• Open今回のAX観測はChrome 1環境のみ。HTML-AAMの全mapping、支援技術ごとの観測、ブラウザー差、WPT、歴史的変更は未登録
• OpenCSS table layoutとHTML table modelの実装境界、互換性、Expert-gap Review

このページは初期Coverageです。ここで確認した範囲が、table要素に関する全事実の検証完了や、すべての実装で同一結果になることを意味しません。

Related surface

表を初めて作るときの最小例、見出し、レスポンシブ対応はYugienのtable要素ページで説明しています。