私は長い間 Web 標準に触れてきましたが、実践し始めてからまだ日が浅いので、今日はオオカミのような初心者にコード構造に関する洞察を共有したいと思います。この記事は入門書です。
このタイトルを見て少し混乱している友達もいるかもしれないので、ウルフがみんなに説明しましょう。
まず、Wolf が「DIV CSS」の品詞を形容詞として認識していることについて話しましょう。彼女は、構造として DIV (実際には XHTML) を使用し、プレゼンテーションとして CSS を使用する Web デザイン技術の採用について説明しました。 Web 標準が中国に導入されたとき、多くの人が Web 標準デザインの使用を「DIV CSS」と表現して、誰でも理解しやすいようにしました。しかし、問題も生じました。 Web 標準に慣れていない多くのデザイナーは、元のテーブル レイアウトを DIV を使用して置き換えるべきだと単純に考えています。彼らがデザインした Web ページの構造には、DIV と CSS も含まれています。
発生するエラーは図のとおりです。すべての要素は DIV レイアウトを採用しています。
エラーの簡単な分析 多くの初心者は、間違った理解により、レイアウトに DIV を完全に使用してしまいます。DIV2 と 3 にはセマンティクスがまったくありません。私たちが Web 標準を採用する理由の 1 つは、コードの構造をより意味のあるものにするためです。 DIV をむやみに使用するのはテーブル レイアウトを使用するのと同じくらい悪い、と専門家が言っていたと思ったのを覚えています。
実際、このようにコードを変更できます。 Web ページの構造を改善しましょう。
ここで、DIV2 と 3 は、ページのコンテンツとより一貫性のある h2 と p に置き換えられます。ページのコード構造をより明確かつ意味のあるものにします。
Wolf の例を通して、「DIV CSS は実際には DIV CSS ではない」という意味を誰もが理解できるはずです。