「段組」の版間の差分

段組が行われる理由の1つとして可読性が挙げられる。一続きの文章において1行の文字数が多くなると可読性を損なうことがあるため場合、段を換えて1行の文字数を適度にすることで可読性を保つことがあできる。また1行の文字数や区切りとして用いる[[罫線]]の種類など、段組の行い方によりデザインの幅も広がる。

文章が横書きの場合には縦の列に、縦書きの場合は横の列に分けることとなるが、20102012年現在では横書きの文章を縦の列に分割するケースに限定して取り上げられることがほとんどである。これは縦書き表示を行うために用いられるCSS3の草案にあるwriting-modeプロパティを先行実装しているWebブラウザが[[Microsoft Internet Explorer|Internet Explorer]]5.5以降のみであり、縦書き表示で段組を行うサイトを製作することは事実上同ブラウザに特化したサイトとなることによる。

テーブルによる場合、[[HyperText Markup Language|HTML]]のtable要素などを用いる。テ[[Netscape Navigator (ネットスケーブルにプコミュニケーションズ)|Netscape Navigator]]4.x以前やInternet Explorer5.x以前をはじめとしたCSS対応が不十分な（もしくは未対応の）比較的古い初期の視覚系Webブラウザでもテーブルの表示には表示にほぼ対応しているため、以前かつては多く用いられた。一方でソースが複雑になることや、セルの分割方法によってはテキストブラウザや音声ブラウザでの閲覧の際にコンテンツの順序がおかしくなることもありユーザビリティが低くなるなどの問題がある。また本来の表組の用途から外れた使用のため方法でもあることから、[[World Wide Web Consortium|W3C]]は推奨していない<ref>{{Cite web

}}</ref>が、かつてはW3Cも公式サイトトップにおいてブラウザのCSS対応が不十分であったことなどから公式サイトトップにおいてテーブルレイアウトを用いていた時期がある<ref>[http://web.archive.org/web/20021202091355/http://www.w3.org/ 2002年12月2日時点でのW3Cトップ] （WebArchiveによるキャッシュ）</ref>。

またCSSによる場合には、floatプロパティで回り込みを設定することで実現するものと、positionプロパティで各ボックスを絶対配置することで実現するものの2種類がある。いずれの方法を用いるかは場合により異なる。例えば絶対配置による方法では、HTMLを記述する上で内容の配置順序が自由になることが回り込ませるボックスを先に記述する必要がある回り込みによる方法よりも優れているが、場合によっては後続のボックスに重なって表示されるおそれがある<ref name="ofuji" />ため、いずれの方法を用いるかは場合により異なる。

20102012年現在ではCSS対応ブラウザの普及が進み、W3C標準にも従っているためユーザビリティの問題も少ないため、例えばGoogleやYahoo!、その他かつてはテーブルレイアウトを用いていたサイトもCSSにより段組を行うようになるなど主流になっている。一方でWebブラウザの[[バグ]]や仕様、各人の閲覧環境の違いからの影響がテーブルレイアウトとよりも大きく、表示の乱れが比較的起きやするとい。特に画像を配置した場合に大きい部分この傾向があ顕著となる。

他方、（出版物と同様の）本来の段組のWebブラウザ上での実装についても模索されてきた。デザインのためのものと同じくテーブルやCSSを用いて擬似的に表現することも可能だが、製作時に1列の行数や文字数を均等に調整するようにする必要があるためマークアップの観点から見ると本質的ではなく、また出版物とは異なりWebブラウザの幅は多くの場合可変である点も異なる。

かつては[[Netscape Navigator (ネットスケープコミュニケーションズ)|Netscape Navigator]]3.xおよび4.xに段組用に独自拡張要素multicolが実装されたことがあり、これを用いて製作されたWebサイトは（対応Webブラウザでは）各列の文字数などが自動的に均等に調整されて表示されるが、見栄えを表現する要素であった点がHTMLの理念にそぐわなかっためか正式にHTML仕様には取り込まれず、後継となった[[Netscape (Mozillaベース)|Netscape6.x]]以降や[[Mozilla Firefox]]でも対応していない。ただし[[ジャストシステム]]が開発し、20102012年現在は開発停止状態の[[JustView]]には独自に縦書き表示機能も加えmulticolが採用されを実装していた。

また草稿段階であるCSS3ではMulti-column moduleとして段組用のプロパティが用意されており、[[Opera]]11以降で先行実装としてMulti-column moduleに対応した。[[Mozilla]]ベースのWebブラウザや[[Safari]]や[[Google Chrome]]など[[KHTML]]ベースのWebブラウザにおいても独自拡張プロパティとして先行実装されている。ただしが、他の先行実装プロパティ同様に将来プロパティの変更が行われる可能性もある<ref>[http://www.mozilla.gr.jp/standards/webtips0001.html Mozillaの独自拡張CSSは使わないでください] Web標準普及プロジェクト</ref>。また[[Opera]]11以降でも（独自拡張ではない）先行実装としてMulti-column moduleに対応した。