[解決済み] DIVの代わりにテーブルを使用する [重複]。

質問

重複の可能性があります。

なぜHTMLのレイアウトにテーブルを使用しないのですか？

HTMLのコーディングにおいて、どのような条件でDIVの代わりにテーブルを選択すべきなのでしょうか？

どのように解決するのですか？

テーブル vs divs というのは、ぎりぎり的外れです。 それは、テーブルやディブのことではありません。 セマンティックなHTMLを使用することです。

divタグも、うまくレイアウトされたページではほんの一部です。 使いすぎは禁物です。 正しくhtmlを組めば、それほど多くのタグは必要ないはずです。 リスト、フィールドセット、凡例、ラベル、段落などは、divやspanがしばしば達成するために使われるものの多くを置き換えることができます。 divは、主に論理的な div を使うべきであり、絶対に必要な場合にのみ、余分なレイアウトのために使われるべきです。 テーブルも同様で、表形式のデータがあるときは使いますが、そうでないときは使いません。

そうすれば、よりセマンティックなページができ、CSSで定義された多くのクラスは必要ありません。 おそらく最も重要なことは、同等のテーブルまたは div を多用したページよりも、Google のスコアがはるかに高くなるページができることです (経験的に)。そして何より、あなたの聴衆の一部とよりよくつながることができます。

テーブル対divという観点に立ち返ると、divが過剰に使用され、テーブルが過小に使用されるようになったというのが私の意見です。 なぜでしょうか。なぜなら、表形式のデータには、見落とされがちなものがたくさんあるからです。 例えば、このWebページの回答やコメント。 これらは複数のレコードで構成され、それぞれが同じフィールドのセットを持ちます。SQLサーバーのテーブルにも保存されています。これこそまさに表形式データの定義です。つまり、Stack Overflowの投稿のようなものをレイアウトするには、htmlのtableタグが絶対に良いセマンティックな選択であることを意味します。同じ原理が、他の多くのものにも当てはまります。3列のレイアウトを設定するためにtableタグを使用するのは良いアイデアではないかもしれませんが、グリッドやリストに使用するのは確かに良いことです...もちろん、olやul（リスト）タグを実際に使用できる場合を除きます。