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