私たちは、Web サイトを再設計するために XHTML+CSS を使用しています。作成したページが本当に Web 標準に準拠しているかどうかは、どのようにしてわかりますか?メッセージ。これらのチェックは非常に便利で、ページをデバッグするときに最初に行います。
1.XHTMLの検証
検証URL: http://validator.w3.org/
検証方法:URL検証、ファイルアップロード検証
検証が成功すると、「このページは有効な XHTML 1.0 移行版です!」と表示されます。
検証が失敗した場合は、さらに多くの検証オプションとエラー メッセージが表示されます。
一般に、[ソースの表示] と [詳細な出力] を選択すると、エラー コードが存在する行とエラーの原因を見つけるのに役立ちます。
一般的な XHTML 検証エラーの原因の比較表
DOCTYPE が見つかりません! HTML 4.01 移行へのフォールバック -- DOCTYPE が定義されていません。
文字エンコーディングが見つかりません! UTF-8 にフォールバックします。--未定義の言語エンコーディング。
「img」の終了タグが省略されましたが、OMITTAG NO が指定されました -- 画像タグが「/」で閉じられていません。
SHORTTAG YES が指定されていない限り、属性値の指定は属性値リテラルである必要があります。属性値は引用符で囲む必要があります。
要素 "DIV" 未定義---DIV タグは大文字では使用できないため、小文字の div に変更する必要があります。
必須属性「alt」が指定されていません---画像には alt 属性を追加する必要があります。
必須属性「type」が指定されていません --- JS または CSS によって呼び出されたタグに type 属性がありません。
最も一般的なエラーの 1 つは、ラベルの大文字化です。他のエラーを忘れるなど、これらのエラーは関連していることがよくあります。
2.CSS2の検証
検証URL:http://jigsaw.w3.org/css-validator/
検証方法:URL検証、ファイルアップロード検証、ダイレクトコード検証
検証が成功すると、「おめでとうございます。このドキュメントはスタイル シートの検証に合格しました。」と表示されます。
検証が失敗した場合は、エラーと警告の 2 種類のエラーが表示されます。エラーは、修正する必要があることを意味します。修正しないと検証に合格しません。警告は、W3C によって推奨されていないコードがあり、それを変更することが推奨されることを意味します。
CSS2 検証エラーの一般的な原因の比較表
(エラー) 無効な数値: color909090 はカラー値ではありません: 909090 ---16 進数のカラー値には「#」記号を追加する必要があります (#909090)。
(エラー) 無効な数値: margin-top 不明な寸法: 6 ピクセル ---ピクセルは単位値ではありません。正しい書き方は 6 ピクセルです
(エラー) プロパティ スクロールバーフェイスカラーが存在しません: #eeeeee --- スクロールバーの色の定義は非標準プロパティです
(エラー) 値cursorhandが存在しません: handは非標準の属性値であり、cursor:pointerに変更されています。
(警告) 行: 0 フォント ファミリ: 最後の選択肢としてタイプ ファミリを指定することをお勧めします。W3C では、フォントを定義するときに、「sans-serif」などのフォントのタイプで終わることを推奨しています。さまざまな操作で使用できます。 システムでは、Web フォントを表示できます。
(警告) 行: 0 は、otherprofile の警告メッセージが見つかりません -- コード内に標準以外の属性または値があり、検証プログラムが対応する警告情報を判断して提供できないことを示します。
この記事のリンクアドレス: http://www.williamlong.info/archives/166.html