HTMLバリデーター

HTMLの一般的なエラーとベストプラクティスを検証します。

html-validator

HTML

Checks tag nesting and closing, allowing the end tags HTML5 lets you omit (li, p, td, option and friends). Not a full W3C conformance check.

§01 このツールについて

概要

タグの入れ子崩れは「特定のブラウザだけレイアウトが壊れる」典型的な原因です。このツールはスタックベースのチェッカーでマークアップを走査し、構造上の問題を行番号付きで報告します。検出対象は、閉じられていないタグ・対応する開始タグのない閉じタグ・順序が入れ替わった閉じタグの3種類です。void要素とコメントは正しく処理されるため、<img>やが誤検出されることはありません。

使い方

HTML欄にマークアップを貼り付けます。検証は入力のたびに実行されます。
欄の下に表示される問題リストを確認します。各項目はLine N:形式で行番号と内容を示します。
指摘された行を修正し、No nesting issues foundと表示されれば完了です。

使用例

<div><p>unclosed</div> → Line 1: <p> is not closed before </div>
<section></article> → Line 1: Unexpected closing </article>
<ul><li>one → Line 1: <ul> is never closed と Line 1: <li> is never closed

注意事項

検査対象はタグの入れ子と閉じ方のみで、W3Cの完全な適合性チェックではありません。属性の構文・エンティティ・セマンティクスは対象外です。問題は行番号順にソートされるため、上から順に直すのが効率的です。閉じタグが1つ欠けるだけで複数の報告が連鎖することがあります。

FAQ

入力したHTMLはどこかに送信されますか？

いいえ。検証は軽量パーサーによってブラウザ内で完結します。マークアップがページの外に出ることはなく、保存もされません。

W3Cの完全なバリデーターと同じですか？

いいえ。このツールはタグの入れ子と閉じ方のみを検査します（閉じ忘れ・対応しない閉じタグ・閉じる順序の誤り）。属性・非推奨要素・ARIA・文書適合性は対象外なので、完全な監査にはW3Cバリデーターを使ってください。

<img> や <br> が「閉じられていない」と報告されないのはなぜですか？

void要素（area, base, br, col, embed, hr, img, input, link, meta, param, source, track, wbr）は閉じタグを取らないため、自己完結として扱います。<div /> のような自己閉じ記法も受け付け、HTMLコメントはスキップされます。