Skip to main content

標準ベースのXHTMLでの表の使用

一瞬で表が作れます。Excel(Numbers)からHTMLへ変換。 (六月 2025)

一瞬で表が作れます。Excel(Numbers)からHTMLへ変換。 (六月 2025)
Anonim

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

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

W3Cによると:

"HTMLテーブルモデルは、著者がデータテキスト、書式設定済みテキスト、画像、リンク、フォーム、フォームフィールド、他のテーブルなどをセルの行と列に配置することを可能にします。 出典:HTML 4仕様のテーブルの紹介。

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

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

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

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

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

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

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

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

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

  • この表の主な目的は、コンテンツをページ上に配置することです。たとえば、イメージの周りにスペースを追加したり、箇条書きアイコンをリストに配置したり、テキストブロックを強制引用符のように動作させたりすることができます。
  • 背景色や画像を使用して、単にデータを呼び出すのではなく、ページを補強したいとします。たとえば、テーブルの他のすべての行を強調表示しても問題ありませんが、右上のセルだけを変更すると、ページの背景に一致するため、変更されません。
  • イメージを切り取り、テーブルを使用してページ上にイメージピースを戻します。これは数年前には非常に一般的でしたが、もはや正しいとは考えられません。

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

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