HTML 構造バリデーター

Q: SVG に対応していますか？

はい、` ` と ` ` の中では、` ` のような自己閉じタグが受け付けられます。

HTML の構造をチェック：閉じられていない、対応しない、余分なタグ、重複した id と属性、alt のない画像、doctype、title、lang の欠落を、ブラウザ内で検出します。

HTML の入力

構造のみをチェックします：閉じていない・対応しない・余分なタグ、重複した id や属性、alt の欠落、doctype/title/lang。W3C のバリデーターではありません。

すべてブラウザ内で実行されます。データがアップロードされることはありません。

HTML バリデーターとは？

この HTML チェッカーは、レイアウトを壊すことが最も多い構造上の間違いを見つけます。閉じられていない要素、順序が誤った閉じタグ、開始タグのない終了タグ、重複した id と属性、alt のない <img>、完全な文書での doctype、<title>、lang の欠落などです。高速なローカルチェックで、公式の W3C（Nu）バリデーターでは ありません。どこにどの要素が許可されるかはチェックしません。

HTML バリデーターの使い方

HTML の文書または断片を貼り付けます。
検証をクリックします（結果は入力中に更新されます）。
エラーと警告の概要を読みます。
各項目の行と列を使ってマークアップを修正します。

例

入力

<div id="a">
<span>text</div>
<p id="a">x
<img src="a.png">
</br>

出力

Errors: 3 · Warnings: 1
Line 2, column 1 <span> is not closed before </div>
Line 3, column 4 Duplicate id "a" (first used on line 1)
Line 4, column 1 <img> has no alt attribute
Line 5, column 1 <br> is a void element and must not have a closing tag

HTML バリデーターを使うべき場面

レイアウトを壊しているタグをすばやく特定する、テンプレートやメール HTML をチェックする、JavaScript やラベルを壊す前に重複した id を見つける場合に使います。完全な適合性チェック（コンテンツモデル、ARIA、属性値）には、W3C のバリデーターを使ってください。

HTML バリデーターの仕組み

トークナイザーが、位置を追跡しながらタグ、属性、コメント、生テキスト要素（script、style、textarea、title）を読み取ります。開いている要素のスタックは、void 要素（br、img、input など）と省略可能な終了タグに関する HTML の規則に従います。</p>、</li>、</td> などは省略でき、新しい <li> やブロック要素は前のものを暗黙的に閉じるため、有効な HTML5 の省略は報告されません。SVG と MathML のコンテンツでは自己閉じタグが許されます。親が閉じるとき、または入力の終わりでまだ開いているその他の要素は、エラーになります。