W3Cのマークアップ検証サービスを使って文法チェックをする

https://validator.w3.org/

サイトをアップロードしている場合は、「URIを指定」の「アドレス」欄にurlを入力してチェックを押します。
まだアップロードしていない場合は、上部のタブから「直接入力」を選び、直接コードをコピペ入力して下さい。

問題がない場合、以下のように緑色でメッセージが出ます。

問題がある場合、以下のようにメッセージが出ます。

ブラウザにChromeを利用している場合、画面内の何もないところで右クリックすると「日本語に翻訳」と出るので、日本語に切り替えるとわかりやすいと思います。

日本語で出ました。

改善しましょう。

  1. 上の2つ出たエラーのうち、1つ目については原因がわかりにくいので、2つ目をみてみます。
    「閉じられていない要素 nav」とあり、<nav id="menubar">と書いてあるのでそこを見てみると、閉じタグのないnavブロックがありました。
    (「34(行目)」とも記載されているので、行数がわかるソフトをご利用なら行数から確認しにいくとより簡単です。)
  2. navの閉じタグを追加して修正しましょう。
  3. 改めて検証をかけると、問題ないとのメッセージがでました。
    この修正により、1つ目のエラーも改善されました。問題点がわかりやすい部分から修正をかけるといいかと思います。

<< 1つ前のページに戻る