表形式データとXHTMLでの表の使用

XHTMLでのレイアウトではなく、データ用のテーブルを使用する

表形式のデータは、単に表に含まれるデータです。 HTMLでは、表のセルに存在するコンテンツ、つまり タグまたは タグの間に存在するコンテンツです。 テーブルの内容は、数字、テキスト、イメージ、およびこれらの組み合わせにすることができます。 別のテーブルをテーブルセル内にネストすることもできます。

ただし、表の最適な使用はデータの表示用です。

W3Cによると:

「HTML表モデルを使用すると、データテキスト、書式設定済みのテキスト、画像、リンク、フォーム、フォームフィールド、その他の表などをセルの行と列に配置できます。

出典:HTML 4仕様のテーブルの紹介。

その定義のキーワードはデータです。 ウェブデザインの歴史の初期に、テーブルは、ウェブページのコンテンツがどのようにどこに現れるかをレイアウトし、制御するためのツールとして適合されました。 これは、ブラウザーがテーブルをどのように扱うかによって、異なるブラウザーでの表示が貧弱になることがあります。そのため、常にデザイン上の優雅な方法ではありませんでした。

しかし、Webデザインが進歩し、 カスケーディングスタイルシート(CSS)の出現に伴い、テーブルを使用してページ設計要素を慎重に管理する必要がなくなりました。 表のモデルは、Web制作者がWebページのレイアウトを操作する方法や、セル、枠線、 背景色のいずれを表示するかを変更する方法としては開発されていません。

表を使用してコンテンツを表示する場合

ページに配置したいコンテンツが、スプレッドシートで管理または追跡されることが期待される情報である場合、そのコンテンツはほぼ確実にWebページ上の表の表示に適しています。

ヘッダーフィールドをデータの列の先頭またはデータの行の左側に配置する場合は、表形式であり、表を使用する必要があります。

コンテンツがデータベース、特に非常に単純なデータベースで意味を持ち、データを表示してそれをきれいにしたくない場合は、テーブルを使用できます。

表を使用してコンテンツを表示しない場合

目的がデータコンテンツ自体を単に伝えるのではない場合には、テーブルを使用しないでください。

次の場合はテーブルを使用しないでください:

テーブルを怖がらないでください

表形式のデータに非常にクリエイティブな表を使用するWebページを作成することは可能です。 表はXHTML仕様の重要な部分であり、表形式のデータをうまく表示することを学ぶことは、Webページを作成する重要な部分です。