検索
ホームページウェブフロントエンドCSSチュートリアル初心者のための Web 標準に関するいくつかの誤解_CSS/HTML

多くのデザイナーが Web ページの作成に Web 標準に注目し、それを使用しようとしているのを見て、とても嬉しく思います。しかし、ネチズンの質問や制作過程からいくつかの問題点が見つかりましたので、ここでお知らせしたいと思います:

1. 標準化は検証に合格するためだけに行われるわけではありません。
Web 標準の本来の目的は、コンテンツ (構造) とプレゼンテーションを分離することであり、スタイルを分離して別々の CSS ファイルに入れることです。この利点は、コンテンツとパフォーマンスを個別に処理できることと、検索とコンテンツの再利用も容易になることです。

W3C 検証は、XHTML コードの記述が標準化されているかどうか、および CSS 属性が CCS2 仕様の範囲内にあるかどうかを確認するのにのみ役立ちます。コードの標準化は最初のステップにすぎません。検証に合格したからといって、Web ページが標準化されるわけではありません。私たちは、名声を得るために標準化したり、「ほら、私のページは検証に合格しました」と標準化しているわけではありません。私たちの目的は、Web デザインの作業をより効率化し、Web ページのサイズを削減し、どのブラウザでも使用でき、ネットワーク デバイスでも正常に閲覧できます。

落ち着いて、Web 標準の意味を注意深く調べて理解してください。インターネットはすでに衝動性と虚栄心に満ちていますが、この傾向を Web 標準の適用に持ち込むことは、Web 標準の推進に影響を与え、損害を与えるだけです。

2. div をネストするために従来のテーブル思考を使用しないでください。
「CSS レイアウトは、元のテーブルを div に置き換えることです。以前はテーブルのネストでしたが、現在は DIV のネストです。」 !

元のテーブルレイアウトの制約を打破し、画像やコンテンツを TD ごとに配置する考え方を放棄してください。 Web 標準の目的はコンテンツとパフォーマンスを分離することであると上で述べました。このように考えることができます。変更を加えなければ、このページはテキストと画像が含まれた白いページのように見えます。コンテンツ内の画像(実際の意味を持つ画像)。これらのテキスト画像は順番にリストされているだけで、構造のみがあり、スタイルはありません。次に、パフォーマンスを追加し、変更したすべての画像を背景として使用し、CSS を使用して各コンテンツの位置、フォント、色などを定義します。

この方法で作成されたページは、コンテンツとパフォーマンスが分離されています。つまり、CSS ファイルを削除すると、きれいなコンテンツが残ります。このようにして、テキスト ブラウザで読んだり、携帯電話や PDA で読んだり、いつでも CSS を変更して改訂することができます。

3. コンテンツごとに ID を作成する必要はありません
一部のネチズンは、CSS ファイルが大きすぎて複雑であると不満を述べていました。コードを注意深く見てみると、その理由は、div を定義し、コンテンツごと、さらには文ごとに ID を作成しているためであることがわかりました。これは、スタイル シート アプリケーションに不慣れなことが原因である一方で、Web 標準に対する十分な理解が不足していることも示しています。

コンテンツには構造があることを私たちは知っています (理解できない場合は、[url=http://www.w3cn.org/article/tips/2004/43.html]パフォーマンスとコンテンツの分離を理解してください)構造[/ url])、同じスタイルを使用して、同じレベルのタイトル、テキスト、画像など、同じ構造のコンテンツを定義できます。複数回参照されるスタイルの場合は、クラスを使用して定義できます。また、それぞれに ID を使用する必要はありません。また、

を使用する必要があるというわけではありません。

は、
に完全に置き換えることができます。これもブロックレベルの要素であり、ボックス モデル

と同じ 7 つのパラメーターを持ちます。

浮くのにちょうど便利です。

行の高さ、間隔、画像の変更のためだけに余分な div を追加することについては、CSS の応用と理解があればすぐに省略できると思います。テーブルのネストを置き換えるために DIV ネストを使用することには反対です。これには意味がなく、コンテンツの構造を反映できません。皆さんももっとCSSを勉強して、最も簡潔で効果的なスタイルシートを書いてほしいと思います。

4. ちょっとした挫折だからといって、簡単に諦めないでください
これは、Web 標準の学習に限らず、姿勢とアプローチの問題だと思います。新しい知識を学び、新しい概念を受け入れることは、特に既存の習慣や考え方を変える必要がある場合には困難です。唯一の質問は、Web 標準を学ぶ価値があると思いますか?ということです。 Web 標準によってもたらされる利点 (コードの簡素化、開発の高速化、ファイル サイズの圧縮、ダウンロード速度の向上、使いやすさの向上、ユーザーの増加、メンテナンスの容易さ、マルチプラットフォームの互換性) を認識していますか? と自問してみてください。世界的な XML はまだ遠いと感じていますか?現在の HTML の知識は十分だと思いますか?

1999 年以来、中国では Web ページ制作技術はあまり進歩も変化もありませんでしたが (Flash の台頭を除いて)、海外の進歩のペースは決して止まらず、xhtml1.0、xhtml1.1、xml、xsl .. 、W3C および主要なソフトウェア会社は、Web テクノロジーをより便利で、より効果的で、より強力なものにするために、常に Web テクノロジーを研究および進歩させています。 Web 標準の適用と推進は 8 年以上にわたって海外で行われています (Zeldman の Web 標準化団体 Web サイトから) 多くの困難はありますが、徐々に人々に受け入れられ、認識されてきています。なぜ私たちはウェブサイトの表面にある「繁栄」に酔いしれ、ページの裏側にある本質を考えないのでしょうか。

中国が今後も遅れをとり続けることを望みますか?このまま遅れをとり続けるつもりですか?すべての決定はあなた次第です。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Google Fontsをタグ付けし、Goofonts.comを作成する方法Google Fontsをタグ付けし、Goofonts.comを作成する方法Apr 12, 2025 pm 12:02 PM

Goofontsは、開発者妻とデザイナーの夫によって署名されたサイドプロジェクトであり、どちらもタイポグラフィの大ファンです。 Googleにタグを付けています

時代を超越したWeb開発記事時代を超越したWeb開発記事Apr 12, 2025 am 11:44 AM

Pavithra Kodmadは、彼らが変化したWeb開発に関する最も時代を超越した記事のいくつかであると考えていることについて、人々に推奨事項を求めました

セクション要素との取引セクション要素との取引Apr 12, 2025 am 11:39 AM

2つの記事がまったく同じ日に公開されました。

graphQlの練習JavaScript APIでクエリをクエリしますgraphQlの練習JavaScript APIでクエリをクエリしますApr 12, 2025 am 11:33 AM

GraphQL APIの構築方法を学ぶことは非常に挑戦的です。ただし、10分でGraphQL APIを使用する方法を学ぶことができます!そして、それは私が完璧になったことがあります

コンポーネントレベルのCMSコンポーネントレベルのCMSApr 12, 2025 am 11:09 AM

コンポーネントがデータが近くに住んでいる環境に住んでいる場合、視覚コンポーネントと

円にタイプを設定します...オフセットパス付き円にタイプを設定します...オフセットパス付きApr 12, 2025 am 11:00 AM

ここでは、Yuanchuanからの合法的なCSSの策略があります。このCSSプロパティオフセットパスがあります。むかしむかし、それはモーションパスと呼ばれ、その後改名されました。私

CSSで「戻る」ことは何をしますか?CSSで「戻る」ことは何をしますか?Apr 12, 2025 am 10:59 AM

Miriam Suzanneは、このテーマに関するMozilla開発者のビデオで説明しています。

現代の恋人現代の恋人Apr 12, 2025 am 10:58 AM

私はこのようなものが大好きです。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。