Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ HTMLコードのベストプラクティスのための検証 | HTMLフォームとユーザー入力
究極のHTML

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

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

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

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

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

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

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

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

次に、コードの検証を一緒に行う。下記のテスト用コードをコピー。

index.html

index.html

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

バリデーターが特定したエラーは、一覧の順番通りに修正することが推奨されます。警告については修正が必須ではありませんが、内容を確認し、高品質なマークアップを維持することが望ましいです。

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

index.html

index.html

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

question mark

バリデーター ...

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

すべて明確でしたか?

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

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

セクション 1.  13

AIに質問する

expand

AIに質問する

ChatGPT

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

セクション 1.  13
some-alt