HTML列とは

HTML（HyperText Markup Language）ドキュメントでは、列は、一般的にページの表示可能な幅よりも小さい幅を持つWebサイトの領域を定義する方法です。 HTML列を使用すると、Webページの設計者は、空白の画像などの信頼できないトリックに頼らずにスペースを作成することなく、印刷フォーマットと同様のフォーマットを使用できます。 各列は、標準の要素を使用して幅、配置、間隔を定義することもできます。 従来、HTML列は大きなHTMLテーブルの一部にすぎませんでしたが、カスケードスタイルシート（CSS）の導入により、テーブル全体を作成せずに列を定義できるようになりました。 HTML列の使用にはいくつかのフォーマットおよび互換性の問題がありますが、これらは慎重に設計およびコーディングすることで大部分を克服できます。

HTML列は元々、テーブルと呼ばれるより大きなフォーマット構造の一部でした。 HTMLテーブルはグリッドと考えることができ、グリッド内の各正方形はセルと呼ばれます。 列は、連続して並べられ、上から下に実行されるセルのコレクションです。 通常、テーブルには複数の列があります。 列内の各セルは、独自の独立した書式設定と間隔を持つことができ、複数の行にまたがることもできます。

CSSでは、HTML列は実際には表の一部ではなく、他の区分内にネストされた空間の区分です。 これにより、HTMLテーブルのような複数の列が許可されます。ただし、CSSの機能により、単一サイト全体の多くのページにまったく同じフォーマットを簡単に適用できます。 ただし、CSSを使用して列を形成すると、列とそのコンテンツの配置と処理が承認された標準に準拠しない特定のブラウザーでの分割タグの実装で問題が発生します。

HTML列の幅は、正確なピクセルサイズを指定するか、相対的な割合を測定することにより、ドキュメントのコードで指定できます。 これは、列が200ピクセルまたはビューアー表示の幅の25％であることを示すことで作成できることを意味します。 列のピクセルサイズを指定すると、画像やその他の高度なレイアウト要素が完全に配置およびスケーリングされるようになりますが、ページがさまざまな画面解像度で必要以上に大きくまたは小さく表示される可能性があります。 相対パーセンテージを使用して列を作成すると、列は視聴者の画面サイズに関係なく必要なサイズに拡大縮小されますが、余分なスペースまたは不十分なスペースのために列のコンテンツが誤って表示される可能性があります。