Tables

概要

HTMLテーブルはデータを行と列で構造的に表現するための要素です。<thead>、<tbody>、<tfoot>、<th>、<td> などの関連要素と組み合わせてセマンティックな表を構成します。レイアウト目的ではなく、実際の表形式データの表示に使用すべきです。

対応ブラウザ

基本構文

<table>
  <thead><tr><th>名前</th><th>値</th></tr></thead>
  <tbody><tr><td>項目A</td><td>100</td></tr></tbody>
</table>

実務での使いどころ

• データテーブル

  統計データや比較情報を、ソート可能・検索可能な構造化されたテーブルとして表示します。

注意点

アクセシビリティ

• <th> 要素に scope 属性を追加し、<caption> 要素でテーブルの説明を提供することで、スクリーンリーダーでの理解を向上させます。

参考リンク

• MDN Web Docs — Tables