ホームページ >ウェブフロントエンド >フロントエンドQ&A >div+css レイアウトを使用する理由
div+css レイアウトを使用する理由
- 青灯夜游オリジナル
- 2020-11-18 10:11:221812ブラウズ
使用理由: 1. W3C 標準に準拠し、将来のネットワーク アプリケーションのアップグレードによって開発された Web サイトが削除されないようにする; 2. DIV CSS レイアウトを使用することで、ページ コードが合理化され、ページ サイズが縮小されます。読み込み速度が大幅に向上すると、ユーザーがページをクリックするまでの待ち時間が短縮され、ユーザーエクスペリエンスが向上し、Webサイトのランキングが向上します。
関連する推奨事項: 「HTML ビデオ チュートリアル 」、「CSS ビデオ チュートリアル 」
DIV CSS は WEB デザイン標準であり、Web ページのレイアウト方法です。従来のテーブルレイアウトによる配置方法とは異なり、Webページのコンテンツとプレゼンテーションの分離を実現できます。
DIV CSS レイアウトを使用する利点
1. W3C 標準に準拠します。
これにより、将来のネットワーク アプリケーションのアップグレードによって Web サイトが廃止されることがなくなります。
2. 視聴者やブラウザにとってよりフレンドリーです。
CSS はスタイルが豊富なため、ページの柔軟性が向上し、異なるブラウザーに応じて統一された変形のない表示効果を実現できます。これにより、ブラウザの下位互換性がサポートされます。つまり、将来ブラウザ戦争に誰が勝ったとしても、Web サイトは十分な互換性を持つことになります。
3. コードが合理化されると、ページの読み込みが速くなり、ユーザー エクスペリエンスが向上します。
DIV CSS レイアウトを使用すると、ページ コードが合理化されます。XHTML を知っている人なら誰でもこれを知っていると思います。コードの簡素化により、Baidu Spider のクロール効率と効率が向上し、ページ全体を最短時間でクロールできると同時に、コレクションの品質にも一定のメリットがあります。
ページサイズが小さくなり、閲覧速度が速くなり、ページコードのほとんどがCSSで記述されるため、ページのボリュームと容量が小さくなります。テーブルのネスト方法と比較して、DIV CSS はページをより多くの領域に分割し、ページを開いたときにレイヤーごとに読み込まれます。テーブルの入れ子のような大きなテーブルでページ全体を囲むのではなく、読み込み速度が非常に遅くなります。
読み込み速度が向上すると、ユーザーがページをクリックするまでの待ち時間が短縮され、ユーザーエクスペリエンスが向上し、検索エンジンに好まれ、Webサイトのランキングが向上します。
4. 視覚的な一貫性を維持します。
ネストしたテーブルを作成する以前の方法では、ページ間または領域間で表示効果にばらつきが生じます。 DIV CSS 制作方法を使用すると、すべてのページまたはすべての領域が CSS ファイルによって均一に制御され、異なる領域または異なるページに反映される効果の偏りが回避されます。
5. 設計を変更する際の効率が向上します。
DIV CSS 制作方法を使用しているため、コンテンツと構造が分離されており、ページを修正する際の時間を節約しやすくなります。地域のコンテンツ タグに従って、CSS で対応する ID を見つけると、ページの変更がより便利になり、ページの他の部分のレイアウト スタイルを破壊することがなくなります。チーム開発における作業の分割が容易になり、相互依存が軽減されます。 。
6. 検索エンジンがさらに使いやすくなりました。
従来のテーブルと比較して、DIV CSS テクノロジを使用する Web ページは、HTML コードとコンテンツ スタイルのほとんどを CSS ファイルに書き込むため、Web ページ内のコードがより簡潔になり、テキスト部分がより目立つようになります。簡単に収集して検索エンジンに含めることができます。
div cssは構造が明確で検索エンジンに検索されやすいため、当然ながらSEOの最適化やWebページのサイズ縮小、Webページの小型化にも適しています。注: div css の構造は明確かつ簡潔ですが、すべての div css 構造が使用できるというわけではありません。たとえば、HTML タグ全体はすべて DIV です。上記の
と上記の < を除いて、すべて DIV であると思われます;body>、残りは- として構造化されており、あたかもすべての内容であるかのようになります。このページの要素はリストです。実際、これら 2 つの状況はよくあることですが、「DIV CSS」の本当の意味が誤解されているため、DIV CSS だけで完全なページを完成させることはほぼ不可能であるため、そのような用語はまったく存在すべきではないのかもしれません。
拡張情報:
「DIV CSS」という名前は実際には間違っており、標準名は XHTML CSS である必要があります。 DIV と Table はどちらも XHTML または HTML 言語のマークであり、CSS は単なる表現形式だからです。おそらく提案者の本来の意図は間違っていないのですが、フォロワーはその意味を誤解し、ページ全体が DIV CSS ファイルの組み合わせであるべきだと信じ込んでいたのです。
プログラミング関連の知識について詳しくは、プログラミング ビデオ コースをご覧ください。 ！
以上がdiv+css レイアウトを使用する理由の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。