Div+css の利点_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:33:15
オリジナル
1375 人が閲覧しました

2006 年以来、Div+CSS のトレンドが中国で台頭してきました。
NetEase 163 と同様、Baidu、Sina、Sohu、Tom はすべて Div+CSS 構成を使用しています。
2006 年以前は、Web デザインではテーブル構成が一般的に使用されていました。
(1) ただし、Div+CSSよりもテーブル構成のコードが多くなり、Webページのファイルが大きくなります。 Web ページのファイルが大きい場合、ダウンロードに時間がかかり、ダウンロードが遅いとブラウザの忍耐力に影響します。 焦ると離れてしまいますし、離れてしまえばユーザーは離れてしまいます。 Webページはユーザーを失うとWebページの存在価値を失います。
(2) 2つのテーブルをネストする必要があるため、テーブルを直線にするのは困難です。 Div+CSSはborder:1px soli #ccc;を使うと簡単です。 Web デザインで最も一般的に使用されるのは直線なので、将来的には使用する人が少なくなるでしょう。
(3) Div+CSSで書かれたコードは一目瞭然で間違いが分かりやすい。 テーブルコードは難しくて
ばかりで、頭がクラクラしてしまいます。
(4) サーバーの帯域幅を節約します。 Div+CSSで書かれたWebページは小さいので。 同じ 100M 帯域幅でも、テーブル構成の 2 倍の速度が得られる可能性があります。高速な Web サイトにアクセスするのが嫌いな人はいません。
または、テーブル構成と比較して半分の帯域幅をレンタルすることもできます。
そうすれば、サーバーのレンタル費用の半分を節約できます。
Baidu のようなウェブサイトでは、おそらく数十万人民元を節約できます。
(本当かどうかは分かりませんが)
(5) Web デザイナーでも、Div+CSS さえ覚えれば、Table よりも書く速度が速くなります。
(6) プログラマーにとって、騒がしく混乱するテーブルコードとは異なり、コードを簡単に変更できるため、Div+CSS 構成が最も好まれます。
(7) 将来的には、Div+CSS を知らないと仕事を見つけるのが難しくなるかもしれません。 Div+CSS が好きなプログラマーなどは Div+CSS を知っているので、仕事を見つけるのは難しいでしょう。
(8) Div+CSSを学べば、Tableの構成をゴミ箱に捨てることはなくなります。今後、Table はデータ チャートにのみ使用され、画像を合成する必要はなくなります。注: 今後、Table はデータを転送するためのテーブルとしてのみ使用され、構成では使用されなくなります。今後、Table はデータをリストする場合にのみ使用されます。最高の役割を果たすことができます。
DIV+CSS は開発の一般的な方向性です。使いやすく、誰もが使用し、Web ページが新鮮になるからです。クリーン!快適な気分にさせてくれます!ユーザーはすぐに使います。
プログラマーも満足!
利点:

1. 高速なページ読み込み
2. 柔軟なレイアウト
3. 動的プログラムの埋め込みまたは動的プログラムの読み込みに便利な div+css テンプレート
現在、当社の Web サイトは div+css で構成されており、アーティストを直接制御できます。 css 私のプログラムによって出力されるページ上の動的データのスタイル DIV は、単なるレイアウト要素です。テーブルよりも優れているのは、ID を定義して、それを自由に操作できることです。表示データを処理するには、DIV + css + TABLE で十分です。いつの時代ですか? 昔は DIV はありませんでした。386 の時代にはそうではありませんでした。クライアントの効率について議論している人はいます。私とのセグメントは精神的に問題があり、影響を受けるのは写真と FLASH だけです。そのため、私は常に、送信ボタンを使い慣れたものに置き換えるべきではないと提案してきました。何を使用するかに注意してください。ページは見栄えがよく、機能は使いやすくなければなりません。また、時間とコストの問題も考慮してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート