DIV と TABLE の共存に関する簡単な説明

div と table はフロントエンド設計において不可欠なタグであることはわかっていますが、それらの機能はほとんど同じですが、この記事では、DIV と TABLE の共存について簡単に説明します。

テーブルについて

WEB標準を使用した後、テーブルの使用が排除されるわけではありませんが、逆にCSSレイアウトに関する多くの記事で言及される理由です。なぜレイアウトにテーブルを使うのか、それは賢明ではありません。 この文章は、皆さんが間違った認識を持っているからかもしれません。 「レイアウトにテーブルを使う」は、私たちが行っているテーブルのレイアウトを指していることに注意してください。表は最終的には「データ」を表示するために使用されるため、表に表示するのは賢明ではありません。それが明確に読めるようにするために、会社の従業員の問い合わせフォームや製品とモデルの対応表などの表を使用します。いわゆるテーブルフィーストに関しては、実際にはより高いレベルに意見が上がっています。つまり、プロの市場分析会社のように、テーブルを柔軟に使って表示することができれば、顧客データやアンケートデータなどの情報を収集するときに、テーブルの利点が真に活かされますそれでは、使用されている文章についてです。
その他の要素について
私の経験に基づいて、

XHTML 標準のいくつかの要素を 3 つの主要なカテゴリに分類します。
最初のカテゴリは、私が補助レイアウト デザイン要素と呼ぶものです。ここでは、p、SPAN などを指します。これらの要素の主な機能は、ページ全体を柔軟にレイアウトすることです。これらの要素のさまざまな属性を使用すると、ページのパフォーマンスを豊かでカラフルにすることができます。 2 番目のカテゴリ I これは、TABLE、UL、PRE、および CODE タイプの要素を指します。たとえば、情報の表示と整理では、TABLE は表の情報を表示するために使用され、UL は情報を表示するために使用されます。表やリストが必要な場合は、これら 2 つの方法で表示するのが賢明です
3 番目のカテゴリは、メタ。これは、META キーワードにキーワードを入力するなど、純粋に一部の機能を実現するためのものです。リンク A もあります。標準に準拠した正しい設​​計アイデアは、p などのレイアウト要素を使用して設計レイアウトを作成し、配置します。ページの、カラーブロック、画像などを使用して、ページに表示する必要があるものを表示します。 もちろん、p は ID 属性を使用してデータを整理する役割も果たします。 of p は、ユーザーが指定したデータ ブロックとして p を簡単に使用できます。したがって、Web 標準を使用して Web サイトを作成することは、実際には情報を合理化して統合するプロセスであり、使用すべき要素はすべて使用する必要があり、レイアウト ツールとしてテーブルを使用する必要はありません。

関連する推奨事項:

DIV と CSS を使用してナビゲーション バーを作成する方法

HTML で table タグを使用する方法

DIV と TABLE が CSS の幅を超えた場合の自動行折り返しの分析Web ページのレイアウト_html/css_WEB -ITnose

以上がDIV と TABLE の共存に関する簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。