DIV+CSS 人を騙すのはやめてください (再投稿)_html/css_WEB-ITnose

2 年ほど前、DIV+CSS を使用して Web ページを作成できる人は、他の人からよく褒められていました。2006 年の初めに、+ を付けた純粋に静的な Web サイトを使用していたことを覚えています。 CSS レイアウトは、学校の Web デザイン コンペティションでも賞を受賞しました。

今日、DIV+CSS について言及されると多くの人が熱狂するでしょうが、私は首を横に振ります。DIV+CSS がすべてではありません。ましてや、一部の人が「神話」と呼ぶものは言うまでもありません。神話を生み出すのは CSS であり、DIV+CSS ではありません。この問題を修正する時期が来たと思います。

CSS の本質は、各タグをそれぞれの目的に使用する必要があるということです。

DIV+CSS をやみくもに擁護することは、初心者を迷わせるだけです。

1. DIV は HTML で最も一般的に使用されるタグの 1 つにすぎません

明らかに、HTML は単なる DIV タグではなく、すべてのタグに目的がありますが、その中でも DIV は最も便利です。 DIV が他のすべてのタグの機能を実現できれば、W3C はずっと前に HTML を合理化しているはずです。

table にメリットがないわけではありません。ただ、table の使用が比較的シンプルで使いやすいため、初期の頃に誤って広く宣伝されました。ただし、Web ページのデータを処理するテーブルのパフォーマンスは他のタグで置き換えることはできませんが、ページ全体のレイアウトには適していません。

2. コードの可読性

純粋な DIV+CSS ウェブサイトのコードの可読性は、間違いなく非常に低くなります。コメントがなければ、テーブルでも tr と td を使用することができます。特定の部分が何のためにあるのかわかりません。

3. セマンティクスと構造化

現在、CSS を開発する際には、最終的にはセマンティクスがコードの読みやすさの問題であることがますます重視されています。セマンティゼーションとは、コードをより読みやすく理解しやすくすることです。たとえば、.text_01{color:red} は .text_red{color:red} ほど理解しやすくはありません。

同じことが HTML にも当てはまります。

を見ると、これが順序付きリストであることがわかります。 を見ると、これが

より小さいテキスト単位であることがわかります。

、

を見ると、これらがタイトルであることがわかります。

明らかに、これはすべて div のページでは表示されません。

同じことが、

…..

<などのページの構造にも当てはまります。 ;/div> このようなコードの DOM 構造を理解するのは明らかに困難ですが、

….. p>

は上記の構造よりもはるかに明確です。

開発者はコードのセマンティクスと構造をより深く理解できるようになると思います。

4. チームワーク

可読性が低く、構造とセマンティクスが不十分であると、チームの他のメンバーが学習したり維持したりすることがより困難になります。これはチームにとって時間とエネルギーの無駄です。

実際、DIV+CSS という用語は、私たちをテーブルから別の極端な場所に連れて行きました。正しい Web デザインとは、1 つのタグが世界を支配することではなく、各要素に適切なタグを使用することです。

つまり、DIV+CSS は別の言い方が必要ですが、(X)HTML+CSS の方が適切ではないでしょうか?

DIV については特に言及しないでください。初心者にとっては本当に宝物です！

実際、中国における標準化の普及プロセスを振り返ると、外国人の同僚が CSS スプライトやグリッドなどのテクノロジーを研究しているのに、私たちは何をしているのでしょうか?外国の CSS フレームワークがあちこちで花開いているとき、私たちは何をしているのでしょうか?これまで私たちは外国に行っても他の人に従うことしかできませんでした。

2 年後、私たちはまだ DIV+CSS にこだわっています...

このウェブサイトの声明

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