XHTMLでのレイアウトではなく、データ用のテーブルを使用する
表形式のデータは、単に表に含まれるデータです。 HTMLでは、表のセルに存在するコンテンツ、つまり
ただし、表の最適な使用はデータの表示用です。
W3Cによると:
「HTML表モデルを使用すると、データテキスト、書式設定済みのテキスト、画像、リンク、フォーム、フォームフィールド、その他の表などをセルの行と列に配置できます。
出典:HTML 4仕様のテーブルの紹介。
その定義のキーワードはデータです。 ウェブデザインの歴史の初期に、テーブルは、ウェブページのコンテンツがどのようにどこに現れるかをレイアウトし、制御するためのツールとして適合されました。 これは、ブラウザーがテーブルをどのように扱うかによって、異なるブラウザーでの表示が貧弱になることがあります。そのため、常にデザイン上の優雅な方法ではありませんでした。
しかし、Webデザインが進歩し、 カスケーディングスタイルシート(CSS)の出現に伴い、テーブルを使用してページ設計要素を慎重に管理する必要がなくなりました。 表のモデルは、Web制作者がWebページのレイアウトを操作する方法や、セル、枠線、 背景色のいずれを表示するかを変更する方法としては開発されていません。
表を使用してコンテンツを表示する場合
ページに配置したいコンテンツが、スプレッドシートで管理または追跡されることが期待される情報である場合、そのコンテンツはほぼ確実にWebページ上の表の表示に適しています。
ヘッダーフィールドをデータの列の先頭またはデータの行の左側に配置する場合は、表形式であり、表を使用する必要があります。
コンテンツがデータベース、特に非常に単純なデータベースで意味を持ち、データを表示してそれをきれいにしたくない場合は、テーブルを使用できます。
表を使用してコンテンツを表示しない場合
目的がデータコンテンツ自体を単に伝えるのではない場合には、テーブルを使用しないでください。
次の場合はテーブルを使用しないでください:
- この表の主な目的は、コンテンツをページ上に配置することです。 たとえば、イメージの周りにスペースを追加したり、箇条書きアイコンをリストに配置したり、テキストブロックを強制引用符のように動作させたりすることができます。
- 背景色や画像を使用して、単にデータを呼び出すのではなく、ページを補強したいとします。 たとえば、テーブルの他のすべての行を強調表示しても問題ありませんが、右上のセルだけを変更すると、ページの背景に一致するため、変更されません。
- イメージを切り取り、テーブルを使用してページ上にイメージピースを戻します。 これは数年前には非常に一般的でしたが、もはや正しいとは考えられません。
テーブルを怖がらないでください
表形式のデータに非常にクリエイティブな表を使用するWebページを作成することは可能です。 表はXHTML仕様の重要な部分であり、表形式のデータをうまく表示することを学ぶことは、Webページを作成する重要な部分です。