多くのデザイナーが 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 を使用する必要はありません。また、
を使用する必要があるというわけではありません。 は、
に完全に置き換えることができます。これもブロックレベルの要素であり、ボックス モデル
浮くのにちょうど便利です。
行の高さ、間隔、画像の変更のためだけに余分な 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 サイトから) 多くの困難はありますが、徐々に人々に受け入れられ、認識されてきています。なぜ私たちはウェブサイトの表面にある「繁栄」に酔いしれ、ページの裏側にある本質を考えないのでしょうか。
中国が今後も遅れをとり続けることを望みますか?このまま遅れをとり続けるつもりですか?すべての決定はあなた次第です。

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

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

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

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


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

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

WebStorm Mac版
便利なJavaScript開発ツール

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

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