ベストプラクティスのためのHTMLコードの検証
メニューを表示するにはスワイプしてください
HTMLの記述には、すべてのタグ、角括弧、属性への注意が必要。 初心者にとっては細かい部分を見落としやすく、そのためにHTMLバリデーターが存在。
バリデーターはコードの構文エラーをチェックし、問題が発生する前に修正を支援。
バリデーターがチェックする内容
バリデーターは意味(セマンティクス)をチェックしない。HTMLのルールに従っているかのみを確認:
- 正しいHTML構文;
- HTML標準(HTML5など)への準拠;
- 正しいタグ名とスペル;
- 属性の正しい使用;
- タグの正しい開始と終了;
- 正しい入れ子構造(要素が正しい順序で配置されていること)。
W3C Markup Validation Serviceという有名なオンラインバリデーターを使って、バリデーションを実践。 次のリンクを新しいタブで開く: Validator
次に、コードのバリデーションを一緒に実施。下記のテスト用コードをコピー:
index.html
コードをバリデーターのウィンドウ内、開くと閉じる <body> タグの間に貼り付けます。その後、"Check"ボタンをクリックします。
バリデーターが特定したエラーは、表示された順番で修正します。警告は必ずしも修正する必要はありませんが、内容を確認し、高品質なマークアップを維持することが推奨されます。
コード例のすべてのエラーを修正しましょう。
index.html
タグの順序を正しくし、すべての要素を適切に閉じることで、コードは有効となり、ブラウザが解釈しやすくなります。
すべて明確でしたか?
フィードバックありがとうございます!
セクション 2. 章 12
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 2. 章 12