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 だけです。そのため、私は常に、送信ボタンを使い慣れたものに置き換えるべきではないと提案してきました。何を使用するかに注意してください。ページは見栄えがよく、機能は使いやすくなければなりません。また、時間とコストの問題も考慮してください。

htmltagsareSterenceforwebdevelovementasyStheStructureanhandhancewebpages.1)theydefineLayout、semantics、and-interactivity.2)semanticagsimprovecessibility.3)opeusofusofagscanoptimizeperformanceandensurecross-brows-compativeation。

コードの読みやすさ、保守性、効率を向上させるため、一貫したHTMLエンコーディングスタイルは重要です。 1)低ケースタグと属性を使用します。2)一貫したインデントを保持し、3)シングルまたはダブルの引用符を選択して固執する、4)プロジェクトのさまざまなスタイルの混合を避け、5)きれいなスタイルやEslintなどの自動化ツールを使用して、スタイルの一貫性を確保します。

Bootstrap4にマルチプロジェクトカルーセルを実装するソリューションBootstrap4にマルチプロジェクトカルーセルを実装するのは簡単な作業ではありません。ブートストラップですが...

マウススクロールイベントの浸透の効果を実現する方法は? Webを閲覧すると、いくつかの特別なインタラクションデザインに遭遇することがよくあります。たとえば、DeepSeekの公式ウェブサイトでは、...

HTMLビデオのデフォルトの再生コントロールスタイルは、CSSを介して直接変更することはできません。 1. JavaScriptを使用してカスタムコントロールを作成します。 2。CSSを介してこれらのコントロールを美化します。 3. video.jsやPLYRなどのライブラリを使用すると、互換性、ユーザーエクスペリエンス、パフォーマンスを検討してください。プロセスを簡素化できます。

携帯電話でネイティブセレクトを使用する際の潜在的な問題は、モバイルアプリケーションを開発するときに、ボックスを選択する必要があることがよくあります。通常、開発者...

お使いの携帯電話でネイティブ選択を使用することの欠点は何ですか?モバイルデバイスでアプリケーションを開発する場合、適切なUIコンポーネントを選択することが非常に重要です。多くの開発者...

Three.JSとOctreeを使用して、部屋でのサードパーソンローミングの衝突処理を最適化します。 3つのjsでoctreeを使用して、部屋でサードパーソンローミングを実装し、衝突を追加してください...


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SublimeText3 中国語版
中国語版、とても使いやすい

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

ドリームウィーバー CS6
ビジュアル Web 開発ツール

Dreamweaver Mac版
ビジュアル Web 開発ツール

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

ホットトピック









