Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ ベストプラクティスのためのHTMLコードの検証 | HTMLタグと属性
究極のHTML

bookベストプラクティスのためのHTMLコードの検証

メニューを表示するにはスワイプしてください

HTMLの記述には、すべてのタグ、角括弧、属性への注意が必要。 初心者にとっては細かい部分を見落としやすく、そのためにHTMLバリデーターが存在。

バリデーターはコードの構文エラーをチェックし、問題が発生する前に修正を支援。

Note
バリデーターがチェックする内容

バリデーターは意味(セマンティクス)をチェックしない。HTMLのルールに従っているかのみを確認:

  • 正しいHTML構文;
  • HTML標準(HTML5など)への準拠;
  • 正しいタグ名とスペル;
  • 属性の正しい使用;
  • タグの正しい開始と終了;
  • 正しい入れ子構造(要素が正しい順序で配置されていること)。

W3C Markup Validation Serviceという有名なオンラインバリデーターを使って、バリデーションを実践。 次のリンクを新しいタブで開く: Validator

次に、コードのバリデーションを一緒に実施。下記のテスト用コードをコピー:

index.html

index.html

copy

コードをバリデーターのウィンドウ内、開くと閉じる <body> タグの間に貼り付けます。その後、"Check"ボタンをクリックします。

バリデーターが特定したエラーは、表示された順番で修正します。警告は必ずしも修正する必要はありませんが、内容を確認し、高品質なマークアップを維持することが推奨されます。

コード例のすべてのエラーを修正しましょう。

index.html

index.html

copy

タグの順序を正しくし、すべての要素を適切に閉じることで、コードは有効となり、ブラウザが解釈しやすくなります。

question mark

バリデーター ...

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 2.  12

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 2.  12
some-alt