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 ページに < > を表示する場合は、次のように入力する必要があります。 < > & をウェブページに表示したい場合、エラーになります: & 正解: & 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を組み合わせたアイデア
導入MySQL 5.7 は、SSL/TLS と全体的なセキュリティ開発におけるいくつかの重要な変更に...
1. 何ですかCSS アニメーションは、CSS を使用して拡張マークアップ言語 (XML) 要素をア...
以前、MySQLがローカルでは接続できるのにリモートでは接続できないという問題に遭遇したことがありま...
序文:この記事は、CUDA 9.0 をインストールした経験に基づいています。CUDA 9.0 は現在...
Linuxを学び始めるときは、まずLinuxの標準ディレクトリ構造を理解する必要があります。 / r...
今日午後ずっと私を悩ませたバグを記録する半月前から始めましょう。それから.................
目次序文さまざまなオブジェクト間の関係配列バッファ型付き配列Uint8ClampedArray文字間...
目次序文:暗号化アルゴリズム: 1. HTTPS の概要2. NginxはHTTPSウェブサイト設定...
概要MySQL には独自のイベント スケジューラもあり、これは Linux の crontab ジョ...
目次1. 配列を結合する2. 配列をマージする(最初に) 3. 配列の複製4. 構造化分解割り当て5...
1. Dockerサーバーへのリモートアクセスを有効にするdocker が配置されているリモート サ...
デフォルトでは、 /etc/default/docker 設定は有効になりません。docker 環境...
ins と del は、HTML 4.0 で導入され、文書の作成時に作成者が共同作業できるようにし、...
Web 開発では、チェックボックスは小さく、ユーザーにとって操作があまり便利ではないため、ユーザーが...
XML/HTML コードコンテンツをクリップボードにコピー<入力 id = "ユーザ...