ホームページ >ウェブフロントエンド >CSSチュートリアル >DIV+CSS の長所と短所についての簡単な説明

DIV+CSS の長所と短所についての簡単な説明

零到壹度
零到壹度オリジナル
2018-03-19 11:18:192605ブラウズ

この記事は、DIV+CSS の長所と短所について主に述べており、非常に参考になるものです。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

DIV 自体はコンテナです。テーブルを埋め込むだけでなく、テキストやその他の HTML コードも埋め込むことができます。CSS は、中国語で「カスケード スタイル シート」と訳される CascADing style Sheets の略称です。ホームページの制作。ページのレイアウト、フォント、色、背景、その他の効果をより正確に制御できます。対応するコードに簡単な変更を加えることで、同じページまたはすべてのページのさまざまな部分の外観と書式設定を変更できます。

DIV+CSS 標準には次の利点があります:

1. CSS レイアウトを使用するため、さまざまな属性や数値が満載のテーブル レイアウトとは異なり、多くの CSS ファイルが通常共有されるため、大幅な削減が可能です。ページの閲覧速度を向上させるためのページ サイズ コード。

2. 構造が明確で、検索エンジンにとってよりフレンドリーです。検索エンジンに含まれやすく、検索エンジンの SEO に固有の条件が備わっており、優れたコンテンツとある程度の SEO 処理を行うことで、より良い Web サイトのランキングを獲得できます。

3. 互換性が高く、Web 標準と仕様の開発傾向に準拠しており、ほぼすべてのブラウザで使用でき、ブラウザによって効果に大きな違いはありません。

4. Web サイトのレイアウトは外部 CSS ファイルによって制御されるため、いくつかの CSS ファイルを変更するだけで、同時に多くの Web ページのスタイルと形式を更新できます。ページごとに更新します。 CSS ファイルを使用して、サイト上のすべての Web ページのスタイルを制御できます。CSS ファイル内の対応する行が変更されると、それに応じてサイト全体のすべてのページが変更されます。

5. CSS のフォント制御機能は、貧弱な FONT タグよりもはるかに優れており、タイトルの制御、フォントの色、フォント スタイルの変更などに FONT タグや透明な 1px 画像を使用する必要がなくなりました。

6. CSS を使用して HTML を構造化します。たとえば、P タグは段落の制御にのみ使用され、h1 ~ h6 タグは書式設定されたデータを表すためにのみ使用されます。別のバージョンを作成しなくても、さらにユーザーを追加できます。

7. スケーラビリティの向上。デザインは Web ブラウザーだけでなく、PowerPoint などの他のデバイスでも公開できます。

8. ページ レイアウトのより柔軟な制御。通常、ページはコードの順序でダウンロードされますが、テーブル レイアウト コードの配置は上から下、左から右ということになり、変更できません。 CSS 制御により、重要なコンテンツを最初に右側に読み込むなど、コードの順序を任意に変更できます。

9. デザイン部分を取り除いて独立したスタイル ファイルに配置することで、主にコンテンツを配置するために Web ページが使用される可能性を減らすことができます。未来。

10. 検索エンジンに含まれ、より高い評価が得られる方が便利です。ネストされたタグを構造化されたコンテンツのみを含む HTML に置き換えると、検索エンジンがコンテンツをより効率的に見つけて、より高いランキングを獲得できる可能性があります。

11. テーブルのレイアウトはあまり柔軟ではなく、テーブル tr td の形式に従うことしかできません。 ul li または ol li または ul li を使用できます...

12. テーブル レイアウトには、いくつかの変更されたスタイルとレイアウト コードが混在しており、直感的に役に立ちません。 。 DIV はスタイルと構造の分離をより適切に反映でき、構造は高度に再構成可能です。

13. 以前は画像変換を介して実装する必要があった一部の機能は、CSS を使用して簡単に実装できるようになり、ページのダウンロードが高速化されます。


DIV+CSS には非常に多くの利点がありますが、いくつかの欠点もあります。


1. CSS Web サイトで作成されたデザイン要素は、通常 1 つの外部ファイルに配置されるか、複数のファイルに配置される場合があります。 CSS ファイルの呼び出しに異常があると、Web サイト全体が悲惨な状態になります。

2. DIV+CSS は手の届かないものではありませんが、少なくともテーブルの配置よりも複雑です。初心者はもちろん、Web サイト設計の専門家でも問題が発生しやすいです。

3. DIV+CSS はブラウザの互換性の問題のほとんどを解決しますが、Firefox などの一部のブラウザで使用する場合には例外もあり、IE で表示される通常のページが Firefox で使用するとまったく異なる場合があります。もちろん、これはブラウザの問題であるはずですが、現時点では DIV+CSS はまだすべてのブラウザに対して統一的な互換性を実現していないと言えます。

4. DIV+CSS が検索エンジン用に最適化されているかどうかは、DIV+CSS 自体ではなく、Web デザインの専門レベルに依存します。 DIV+CSS Web デザインは、Web ページが検索エンジン用に最適化されることを保証するものではなく、HTML Web サイトよりも単純なコード設計になることさえ保証しません。また、検索エンジンによる Web ページの組み込みと並べ替えも保証されません。明らかに、テーブルや CSS の配置が使用されているかどうかによって評価されるわけではありません。これが、従来のテーブル レイアウトで作成された多くの Web サイトが検索結果で上位にランクされるのに、CSS や Web 標準を使用して作成された Web ページの多くが依然として下位にランクされる理由です。検索エンジンにとって、Web サイトの構造、コンテンツ、関連する Web サイトのリンクなどの要素は常に Web サイトの最適化にとって最も重要な指標であるためです。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。