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

https://validator.w3.org/

サイトをアップロードしている場合は、Addressの1行入力エリアにurlを入力してCheckを押します。
まだアップロードしていない場合は、上部の3並びタブから「Validate by Direct Input」を選び、複数行入力エリアに直接htmlコードをコピペして下さい。

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

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

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

※サイトで配布中のtp_cute1は、マニュアル制作時点では文法エラーは出ていません。

改善しましょう。

  1. 上の2つ出たエラーのうち、1つ目についてはどの部分かわかりにくいので、2つ目をみてみます。
    「閉じられていない要素nav」とあり、<nav id="menubar">と書いてあるのでそこを見てみると、閉じタグのないnavブロックがありました。
  2. navの閉じタグを追加して修正しましょう。
  3. 改めて検証をかけると、問題ないとのメッセージがでました。

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