詳細な議論: website_html/css_WEB-ITnose に対する div+css の利点

1. コンテンツとフォームを分離する。Web ページのフロントエンドはコンテンツを表示するだけでよく、形式的な部分は CSS に任せます。生成された HTML ファイルのコードは合理化され、小さくなり、開くのが速くなります。

2. ウェブサイトの改訂がより簡単かつ簡単になります。ウェブページのレイアウトを再設計したり、元のウェブサイトの HTML やプログラムページを変更したりする必要はなく、CSS ファイルを変更するだけですべての改訂が完了します。ポータルサイトのリニューアルは、服を変えるのと同じくらい簡単です。

3. css+div を使用すると、ウェブサイトの再設計がよりシンプルかつ簡単になります。 Web ページのレイアウトを再設計したり、元の Web サイトの HTML やプログラム ページを変更したりする必要はなく、CSS ファイルを変更するだけですべての変更が完了します。

DIV+CSS は、ポータル Web サイトの服を変更するのと同じくらい簡単で、サイトの HTML ページ全体を変更する必要はなく、CSS を書き換えて、以前の CSS を上書きするだけです。新しい CSS を使用してリビジョンを実現します。便利ですね。たとえば、私が取り組んだプロジェクト: Capital Allocation Company (www.ya-jing.cn) は、以前は赤でしたが、CSS でいくつかのコードを直接変更したところ、全体の色が青になり、幅と厚さの比率が変更されました。など、調整はすべて非常に簡単です。

便利なのは便利ですが、ウェブサイトの場合、毎月更新する必要があるのか​​、それとも半年に一度更新する必要があるのか​​、これを頻繁に行うウェブサイトはほとんどないと思います。現在、個人の Web サイトを含む業界 Web サイトやポータル Web サイトを含む多くの有名な Web サイトは、多くても 1 年に 1 回更新されます。バージョンは年に 1 回変更されますが、CSS を書き直す必要があるのは年に 1 回だけであり、CSS の作成にかかる時間は、テーブルを使用して CSS を作成する場合に比べて 1 ～ 2 倍遅くなります (技術的に熟練している場合)。では、なぜ CSS を使用する必要があるのでしょうか。テーブルを使用すると同じ効果が得られます。テーブルは CSS で作成するのに 10 分かかります。

全国の中小規模のウェブマスターのウェブサイトのデータ量は一般的に 10 万件未満ですが、HTML の自動バッチ生成機能により、生成が完了するまでにかかる時間はわずか数時間です。気にする必要があるのは年に一度だけなので、大したことではありません。

したがって、Web サイトが月に 1 回更新されない限り、Web デザインを実装するには最も熟練した便利な方法を使用することをお勧めします。

もちろん、CSS をマスターしていて、コーディングオタクであれば。あなたは私の言ったことをナンセンスだと受け取ります。

4. CSS+div による Web サイト構築では、コンテンツとフォームを分離します。Web ページのフロントエンドはコンテンツを表示するだけで済み、形式的なアートは CSS によって処理されます。生成された HTML ファイルのコードは合理化され、小さくなり、開くのが速くなります。

これが DIV+CSS テクノロジーの最大の特徴であり、CSS の存在の根源です。現在の伝統的な (表) Web デザイン技術を完全に覆します。現在テーブルを使用して作成されているすべてのコンテンツは CSS を使用して解決でき、そのソリューションはより完璧で強力です。これまでのように、テーブル内でテーブルをネストする必要はなく、div 内で div を使用するだけで、div+CSS テクノロジを使用して生成される Web ページのファイル サイズを実現できます。より合理化され、より小さくなりました。テーブルの時代では、ページに 10 個以上のテーブルが存在するのが一般的でしたが、DIV+CSS では、テーブルがなくてもテーブルを使用できるようになり、以前の効果が完全に実現されます。テーブルを使用した場合と比較して、Web ページのファイル サイズが 50% 削減され、Web マスターのハード ドライブのスペースが節約され、訪問者が Web ページを開く時間が短縮されます。さらに、div+CSS を使用した場合とは異なります。以前は、ページのコンテンツを表示する前にテーブル全体を読み取る必要がありましたが、div を読み取るだけで効果が表示されるため、Web ページを開くときに待つ必要がなくなりました。そのメリットは明確で強力です。

この利点は確かに重要で、従来のテーブルを使用して構築された Web ページの場合、コンテンツが多い場合、ファイルを開くときに 0.0 秒の遅延が発生することがあります。 DIV+CSS を使用する場合、テーブルは使用されないため、フロントデスクを開いたときに表示されるのは直接のコンテンツだけであり、HTML ファイルのサイズとは関係ありません。この種の生成された HTML ファイルのサイズは約 10K です。ファイル数が少ない場合は目立ちませんが、ファイルサイズが 10,000 を超えると、それでも数十 MB のサイズが節約されます。

実際、これらの利点は今ではあまり役に立ちません。なぜでしょうか?

テーブルによって生成される HTML ファイルは大きくなり、より多くのスペースを必要としますが、現在の仮想ホストのスペースは、それ以上に達しても数百元しかかからないからです。中小規模のポータルや Web サイトでは十分ではありませんが、データ量が 100,000 を超える場合、生成される HTML ファイルは 2G を使用しません。中小規模のウェブサイト所有者は除きます。しかもテーブルを使うと開くスピードが遅くなります。現在のネットワーク環境では、誰もがインターネットにアクセスするのに少なくとも 512K のブロードバンドを使用しており、DIV+CSS を使用すると開くのに 1 秒もかかりません。つまり、0.0秒、これは基本的に誰にも見えません。どちらも HTML を生成するため、仮想ホスト ネットワークが安定している限り、テーブルと div+css に違いはありません。サーバーへの影響は同じです。

ただし、テーブルを使用して Web ページのフレームとテーブルを作成する場合、それらはすべて選択的に作成されるため、コードを記述する必要はありません。境界線と行数と列数を入力するのは非常に簡単です。ただし、div+CSS を使用する場合、テーブルに 4 行のコードを記述すると、1 ページに 10 を超える div テーブルの生成が含まれる場合、手書きコードは 50 行を超えます。 . また、数学が苦手な場合や論理的思考力が低い場合は、表が重なったり、位置が完全に間違っていたりして、手書きで作成する必要があります。 div+css を使用してテーブルを作成する場合、テーブルの論理的な配置は完全に独自の手書きコードに依存するため、強力な手書きコードのスキルとロジックを持っていない場合、費やす時間は少なくとも 10% 長くなります。テーブル作成にかかる時間は約4倍。基本的に、1 ページに定義される ID とクラスは 20 ページ以上になります。ID やクラスを 5 文で作成すると、HTML ページを作成するには 100 文以上のコードが必要になります。それらの多くは CSS として保存でき、ファイルは繰り返し呼び出されます。つまり、ページ内容が同じでレイアウトも同じであれば、リンクCSSを直接​​インポートすることが可能です。

これは、HTML を生成するときに Web ページのテンプレートを作成するのとよく似ています。ただし、このテンプレートを作成するのにかかる時間は、テーブルで作成する場合の数倍かかります。という人もいるかもしれませんが、バージョンを修正する際にはCSSを書き直すだけで済み、HTMLを生成する必要はありません。次に、別の CSS ファイル リビジョンを作成するときに、テーブルを使用してページ テンプレートを作成し、サイト全体の HTML ページを自動生成している可能性があることを言いたいと思います。不可能ではありません。