HTMLアウトラインチェッカー

HTMLを貼り付け（「検証する」ボタンでのみ実行）

検証結果

このツールでできること

HTMLを貼り付けるだけで、見出し階層（h1〜h6）の飛び級や h1 の重複に加えて、閉じタグの過不足・リストの入れ子・id/class の重複・alt や charset の欠落まで検証できる無料ツールです。貼り付けたコードはサーバーに送信されず、すべてブラウザ内で処理されます。

使い方

チェックしたいHTMLをコピーして、上の入力欄に貼り付ける
「検証する」ボタンを押す（入力中は自動で走りません）
検証結果に出た該当箇所がコード内でハイライトされるので、そこを直す

どう書けばよいか分からないときは「サンプル」ボタンで、わざと崩したHTMLを読み込んで挙動を確認できます。

検出できる項目

エラー

閉じタグが足りない／閉じタグが余分にある
<ul> や <ol> の直下に <li> 以外がある（<li> の親が不正な場合も含む）
id 属性の重複
<!DOCTYPE> / <html> / <head> がない

警告

見出しレベルの飛び級（h2 の次に h4 が来るなど）
<h1> が複数ある
<title> / <meta charset> / <meta name="viewport"> がない
<html lang> が未設定
<img> に alt がない
class 属性の中で同じクラス名が重複している

関連ページ

エラーの直し方やよくある質問はHTMLアウトラインチェッカーの使い方で解説しています。セレクタの書き方を確かめたいときはCSSセレクタ一覧もどうぞ。