入力HTML

検証結果

HTMLバリデーターとは？

HTMLバリデーターは、閉じていないタグ、必須属性の欠落、重複ID、不適切なネストなどの一般的なエラーについてHTMLマークアップをチェックします。HTML標準のルールに従い、よりクリーンで信頼性の高いWebページの作成を支援します。

新しいページの構築、レンダリングの問題のデバッグ、本番環境向けHTMLの準備など、ブラウザがサイレントに修正するがレイアウトバグやアクセシビリティの問題を引き起こす可能性のあるミスをこのツールがキャッチします。

すべてブラウザで実行されます。HTMLがコンピューターを離れることはありません。高速、無料、プライベート。

HTMLバリデーターの使い方

HTMLを検証するには、以下の手順に従ってください。各ステップはこのページの実際のボタンとパネルを使用します。

貼り付け、アップロード、またはサンプルを読み込み

左の入力HTMLパネルにHTMLを貼り付けるか、アップロードをクリックして.htmlファイルを読み込むか、サンプルをクリックして意図的なエラーを含むサンプルHTMLを読み込みます。

<!DOCTYPE html>
<html>
<head><title>テスト</title></head>
<body>
  <h1>こんにちは世界</h1>
  <p>これはテストページです。</p>
</body>
</html>

バリデーターは入力中に自動的にHTMLをチェックします。

検証結果を確認

右の検証結果パネルは、HTMLが有効かどうかを表示するか、説明付きの具体的なエラーをリストします。緑は有効、赤は問題が見つかったことを意味します。

修正して再検証

エラーメッセージを使用してHTMLの問題を修正します。バリデーターは編集中にリアルタイムで更新されます。コピーをクリックして検証結果をコピーします。

実際の使用場面

レンダリング問題のデバッグ

あるブラウザではページが壊れて見えるが、別のブラウザでは正常？閉じていないタグ、不一致の要素、無効なネストが一般的な原因です。バリデーターがこれらを検出するので、症状を回避する代わりに根本原因を修正できます。

アクセシビリティの確保

画像のalt属性の欠落、空のリンク、不適切な見出し階層は、スクリーンリーダーでのサイト利用を困難にします。このバリデーターはアクセシビリティ関連のHTML問題を指摘します。

メールテンプレートのチェック

メールHTMLは壊れやすいことで有名です。送信前にメールテンプレートを検証して、メールクライアントが一貫性なく処理する閉じていないタグや構造的な問題をキャッチします。

CMS出力の検証

コンテンツ管理システムは時々雑なHTMLを生成します。公開前にこのバリデーターで出力を実行して、重複ID、壊れたネスト、その他の問題をキャッチします。

よくある質問

このバリデーターはどのようなエラーをチェックしますか？

閉じていないタグ、必須属性の欠落（画像のaltなど）、重複ID、不適切にネストされた要素、DOCTYPE宣言の欠落、ドキュメント構造の欠落（html/head/body）、属性内の閉じていない引用符をチェックします。

W3Cバリデーターと同じですか？

正確には同じではありません。W3Cマークアップ検証サービスは完全なHTML仕様に対して検証します。このツールは開発者が日常的に遭遇する最も一般的で影響の大きいエラーに焦点を当てています。

HTMLデータは保存されますか？

いいえ。すべてJavaScriptを使用してブラウザ内で完全に実行されます。HTMLがコンピューターを離れることはありません。

CSSとJavaScriptもチェックしますか？

いいえ、このツールはHTMLマークアップのみを検証します。CSS検証にはCSSバリデーターを、JavaScriptにはJSバリデーターをお試しください。

大きなHTMLファイルを検証できますか？

はい。検証はブラウザで行われるため、パフォーマンスはデバイスに依存します。最新のハードウェアでは数メガバイトのファイルも迅速に検証されます。

HTML5をサポートしていますか？

はい。バリデーターは<article>、<section>、<nav>、<header>、<footer>などのHTML5要素やその他のセマンティックタグを理解します。

HTMLバリデーター