W3C 検証に合格するにはどうすればいいですか?

W3C 検証に合格するにはどうすればいいですか?

W3C では、さまざまなタグの規定を設定するだけでなく、Web ページの作成者が実際に W3C 規定に従っているかどうかを確認できる検証機能も提供しています。
序文
W3C では、さまざまなタグ規定を設定するだけでなく、Web ページ作成者が W3C 規定に準拠しているかどうかを確認できる検証機能も提供しています。
W3C XHTML1.0 標準ウェブページを実現する方法<br />現在、最も一般的に使用されているのは XHTML1.0 と HTML4.01 です。XHTML1.0 は HTML4.01 から進化したため、ほぼ HTML4.01 の改訂版です。厳密な観点から見ると、XHTML1.0 の方が厳格です。XHTML1.0 と HTML4.01 の規則は非常に似ていますが、XHTML1.0 は後者の改訂版であるため、前者の規則は当然 HTML4.01 よりも厳格です。
間違いを犯す可能性が高くなる
1. すべてのタグは小文字でなければなりません。エラー: <HTML> <Title> <BODY> <FonT>
正しい: <html> <title> <body> <font>
2. タグ内のすべての属性には値が必要であり、二重引用符または一重引用符は省略できません。エラー: <a href=index.htm>Link</a>
正解: <a href="index.htm">リンク</a>
属性値がない場合は、次のように属性を値として繰り返す必要があります。
エラー: <フレームのサイズを変更>
正しい: <frame noresize="noresize">
3. すべてのラベルはペアでなければなりません。そうでない場合は、最後に / を追加します。間違い: <li>ミッキー<li>ミニー<li>プルート 正解: <li>ミッキー</li><li>ミニー</li><li>プルート</li>
エラー:<br>
正解:<br />
4. ウェブページに含めるべき最小限のタグ
<html>
<ヘッド>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=big5" />
<title>タイトル</title>
</head>
<本文>
コンテンツ
</本文>
</html>
注: 中国語の Web ページは通常 big5 でエンコードされているため、<head> と </head> の間に次の行を追加する必要があります。
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=big5" />
5. [<][>][&] を表示する場合は、他の値を入力する必要があります。たとえば、Web ページに < > を表示する場合は、次のように入力する必要があります。
&lt; &gt;
& をウェブページに表示したい場合、エラーになります: &
正解: &amp;
6. ラベルの順序を混同することはできません。エラー: <b><p>テキスト</b></p>
正解: <b><p>テキスト</p></b>
7. コメントには次の内容を含めることはできません----
エラー: <!--ミッキーはとにかく---かわいすぎる-->
正解: <!--ミッキーはとてもかわいい-->
8. 画像ラベルには注釈テキストが含まれている必要があります。注釈テキストは、画像の上にマウス ポインターを移動したときに表示されるテキストです。
エラー: <img src="mickey.jpg">
正解: <img src="mickey.jpg" alt="これはミッキーの写真です" />
8. 通常の Web ページの最初の行に XHTML1.0 ドキュメント ヘッダーが追加されます。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
フレームページ:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 フレームセット//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
確認する
W3C は、Web ページまたはアップロードの検証を提供しています。URL を入力して失敗すると、赤い警告が表示され、エラーの場所が示されます。その後、エラーに応じてゆっくりと修正することができます。
W3C 標準検証 Web ページ: http://validator.w3.org/
追記<br />そういえば、他の人のURLを貼り付けて検証してみましたか?
ほとんどのウェブページはIEユーザー向けに作られているため、W3Cに合格することはほとんどありません。IEで正常に表示できる限り、問題ありません。私のウェブページのどのページを貼り付けても、検証に合格するはずです。教師の授業用ウェブページを例に挙げてみましょう。ホームページを除いて、ほとんどは合格しません。左ページメニューの39行目は二重引用符で囲まれていません。
エラー: aux1 = insFld(foldersTree, gFld("<font color=blue>中文</font>输入"))
正解: aux1 = insFld(foldersTree, gFld("<font color="blue">中国語</font> 入力"))
基本的なウェブデザイン - 01 注釈なしの HTML 画像タグの理解 (最も一般的な間違い No. 8)
本当に W3C 規則に従う必要がありますか? W3C 規則に従うと、どのブラウザで表示しても Web ページは同じに見えます。たとえば、IE 用の Web ページを作成している場合、Firefox で閲覧すると元のデザインと異なる可能性があります。したがって、W3C 規則に従うようにしてください。

<<:  MySQLデータベースでコマンドを自動補完する3つの方法

>>:  イメージのパッケージ化とワンクリック展開を実現するためにDockerを組み合わせたアイデア

推薦する

ブラウザのスクロールバーのスタイルを変更するための純粋な CSS の例

CSSを使用してブラウザのスクロールバーのスタイルを変更する ::-webkit-スクロールバー{ ...

MySQLとSpringの自動コミットの詳細な説明

1 MySQLの自動コミット設定MySQL はデフォルトで自動的にコミットします。つまり、各 DML...

Python Django アプリケーションを Docker 化する方法

Docker は、開発者やシステム管理者がアプリケーションを軽量コンテナとして構築およびパッケージ化...

MySQL 8.0 でのチェック制約の実装

みなさんこんにちは。私は技術の話ばかりして髪を切らない先生のトニーです。今回はMySQL 8.0で追...

webkit-box-reflect を巧みに使用してさまざまな動的効果を実現する (要約)

かなり前の記事で、 -webkit-box-reflectプロパティについて説明しました。リフレクシ...

中国の専門ではない:文化の違いの中でのウェブ開発

Web デザインと開発は大変な作業なので、少数の人だけを対象に設計しないでください。これは外国人が...

Docker を使用した war パッケージ プロジェクトのデプロイの実装

Docker で war をデプロイするには、コンテナを使用する必要があります。ここでは tomca...

nacos が mysql に接続できない場合の解決策

理由nacos の pom が依存する mysql バージョンが、mysql バージョンと一致してい...

HTML で div を非表示にする テーブルを非表示にする TABLE または DIV コンテンツの CSS スタイル

今夜、数日間悩まされていた問題を解決しました。本当に解決したかどうかはわかりませんが、解決されている...

MySQL 完全崩壊: クエリフィルタ条件の詳細な説明

概要実際のビジネス シナリオ アプリケーションでは、ビジネス条件に基づいて対象データを取得およびフィ...

Vue で axios を使用して画像をアップロードするときに発生する問題

目次FormDataとは何ですか? vueとaxiosの協力による実践的な体験追加()セット()消去...

MySQLでデータを削除してもディスク領域が解放されないのはなぜですか

目次問題の説明解決問題分析問題の説明MySQL で delete ステートメントを使用してデータを削...

MySQL Server 8.0.3 のインストールと設定方法のグラフィックチュートリアル

この文書はMySQL Server 8.0.3のインストールと設定方法を参考のために記録したものです...

ショッピングカートの計算を実現する js メソッド

この記事の例では、ショッピングカートの計算を実装するためのjsの具体的なコードを参考までに共有してい...

Node.js のイベント モジュールに関する知識ポイントのまとめ

Node の研究と応用を通じて、NodeJS はシングルスレッド、イベント駆動型、非ブロッキング I...