ホームページ > ウェブフロントエンド > CSSチュートリアル > Layout_Experience 交換に CSS DIV を使用する利点の概要

Layout_Experience 交換に CSS DIV を使用する利点の概要

WBOY
リリース: 2016-05-16 12:07:31
オリジナル
1454 人が閲覧しました

CSS DIV を使用して Web サイトを再構築することは、特に大規模サイトでますます重要視されており、Alibaba や 163 などの大規模ポータル サイトはすでに再構築作業を完了しています。私はすでに昨年から CSS DIV を使用して Web ページのソース コードを記述する習慣があり、この方法は従来の TABLE 形式のソース コード アーキテクチャよりも確かにはるかに優れていると個人的に感じています。

1: パフォーマンスとコンテンツを分離

デザイン部分を切り取って独立したスタイルファイルにまとめ、HTMLファイルにはテキスト情報のみを格納します。

2: 検索エンジンによる Web ページのインデックス作成効率の向上

ネストされたタグを、構造化コンテンツのみを含む HTML に置き換えます。検索エンジンは Web ページのコンテンツをより効率的に検索し、より高い評価。

3: ページの閲覧速度の向上

同じページの視覚効果の場合、CSS DIV を使用して再構成されたページの容量は、TABLE でエンコードされたページ ファイルの容量よりもはるかに小さくなります。前者は通常、後者の1/2サイズです。

また、

タグは待機する必要があるため
ダウンロードしてからしか表示できないため、Webページ全体が一度にポップアップするため、表示速度が非常に遅く感じられます。 css div では、 タグのダウンロードを待たずに
タグ内にある内容を表示できるため、Web ページを開く速度が非常に速く感じられます。

4: 保守と修正が簡単

いくつかの CSS ファイルを変更するだけで、Web サイトのページ全体を再デザインできます。

上記の説明から、CSS DIV を使用して Web サイトを再構築すると、Web サイト ユーザーと検索エンジンの使いやすさが大幅に向上します。

CSS DIV は、現在の Web ページ レイアウトの主流になっています。私の意見では、主な理由は W3C 標準に準拠しているだけでなく、CSS DIV の使用により Web エンジニアリングが次のような効果をもたらしたことです。
パフォーマンスとコンテンツの分離

現在、div css は非常に人気があります。すべての主要な Web サイトは div css モードに再構成されています。NetEase がその最良の例です。レイヤーと CSS を使用した後、最も直感的なものになります。ユーザーにとっては、Web ページを開く操作がはるかに速くなります。ユーザーに優れたエクスペリエンスを提供できるのであれば、そうしない理由はありません。

今日は主に、SEO の観点から Web サイトの作成または再構築に DIV CSS を使用する必要性を分析します:

1. div CSS で構造化された Web サイトは、W3C 標準に近づきやすいです。 Web サイト W3C 標準への準拠は、検索エンジンが Web ページをランク付けする際に影響を与える要素であり、特に YAHOO はこれを真剣に受け止めています。

2. Web サイトのソースコードはシンプルで、div、ul、li、dl、dd、dt などのいくつかのタグを除いて、その他のタグはほとんどなく、Web サイトのコンテンツは完全に記述されています。検索エンジンのスパイダーにさらされているため、重要なコンテンツをクロールし、重要なコンテンツを含むページの割合を増やすことが容易になり、それによってランキング要素の割合が増加します。

3. 主要なコンテンツは、スパイダーによって簡単に最初に読み取られる可能性があります。一般に、サイトには左、中央、右の 3 つの列があります。ページのメイン コンテンツは中央の列にあり、スパイダーはページ コンテンツを上から下、左から右に読みます。左の列のコンテンツの場合それ以上あると面倒になり、ページのメインコンテンツの重みが減ります。 div CSS を使用すると、最初にメインのコンテンツを前面に記述し、次に左列と右列にコンテンツを記述し、CSS で配置することができます。

4. Web サイトの構造を調整するのに便利ですそしてレイアウト。よく使われるテーブルレイアウトの場合、レイアウトを変更すると本文全体に影響を与える可能性がありますが、Web サイトのレイヤー構造が合理的に設計されていれば、CSS を使用して Web サイトのパフォーマンスを簡単に変更できます。これが構造の分離です。内容も行動も。 Web サイトの構造が定期的に変更されると、当然、検索エンジンのスパイダーにとって非常に魅力的になります。
レイヤーと CSS を基盤として使用する Web サイトの場合、将来の最適化作業は当然ながら大幅な労力を節約します。​
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート