私の最近の実践のいくつかに基づいて、HTML テーブルの使用について何人かの読者とコミュニケーションを取った後、この記事を書くことにしました。一般に、誤解を招く情報のために、彼らはテーブルの使用に対して先入観を持って嫌悪感を抱いていることに気づきました。実際、多くの人が「テーブルは決して使用すべきではないのはわかりました」と言うでしょうが、これは絶対に間違いです。この提案は、HTML テーブルを使用して Web ページのレイアウトを定義する場合にのみ適用されますが、テーブルはデータ情報の行と列を便利に配置するのに最適であり、ページ上に表形式のデータを表示する必要がある場合は、テーブルを使用する必要があります。なぜだめですか？ただし、この場合、テーブルの特定の HTML タグの存在を無視し、それらを正しく使用する方法を知らない人もいます。
HTML にはテーブル関連のタグが 10 個あります。以下は概要を含むリストですが、まずドキュメントが HTML 4.01/XHTML 1 または HTML 5 で適切に定義されている必要があります。
<caption> はテーブルのタイトルを定義します (4、5)
<col> はテーブルの列 (4、5) の属性を定義します。
<colgroup> はテーブルの列 (4、5) のグループ化を定義します。
<table> は table(4, 5) を定義します
<tbody> はテーブル本体 (4, 5) を定義します。
<td> はセル (4, 5) を定義します
<tfoot> は表 (4、5) の脚注 (下部) を定義します。
<th> はテーブルのヘッダーを定義します (4, 5)
<thead> はテーブルのヘッダーを定義します (4, 5)
<tr> はテーブルの行 (4、5) を定義します。
基本的なテーブル構造は次のとおりです。
タイトル、ヘッダー、本文、フッターが含まれます。 HTML 要素の正しい順序は次のとおりです。
<テーブル>
<キャプション>
<頭>
<足>
<本体>
<col> と <colgroup> を使用してテーブル列またはグループ列を定義することもできます。
<テーブル>
<キャプション>
<コルグループ>
<列>
<頭>
<足>
<本体>