HTMLバリデーター
HTMLマークアップの構造上の問題を検査します。閉じられていない、または対応しないタグ、重複したID、非推奨の要素、必須属性の欠落(imgのalt/src、aのhref)、インライン要素内へのブロック要素の配置などを、行番号付きの一覧で表示します。ブラウザ内だけで動作する軽量な構造リンターです。
入力
出力
概要
| 項目 | 値 |
|---|---|
| No data yet | |
問題一覧
| 重大度 | 行 | 列 | メッセージ |
|---|---|---|---|
| No data yet | |||
このツールを使う他の方法
REST API
curl -X POST https://api.iotools.cloud/v1/tool/html-validator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"htmlInput": "<!DOCTYPE html>\n<html>\n<head>\n <title>My Page</…"
}'ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。
AIエージェントに依頼する
Use the IOTools `html-validator` tool (HTML Validator) on this input:
YOUR_INPUT_HEREIOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/html-validator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="HTMLバリデーター — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
| API/MCP 1回あたりの費用 | 5クレジットから |
|---|---|
| クレジットが足りませんか? | 料金を見る |
次の方法でも利用可能
ガイド
HTMLマークアップを貼り付けるだけで、構造上の問題を行ごとに即座にレポートします。閉じられていないタグ、対応しない閉じタグ、重複したID、非推奨の要素、必須属性の欠落、無効な入れ子構造などが対象です。HTMLバリデーターはブラウザ内だけで動作する軽量な構造リンターなので、貼り付けた内容がお使いの端末から外に出ることはありません。
使い方
- 入力ボックスにHTMLを貼り付けるか入力します(完全なドキュメントでも断片でも使えます)。
- 入力しながら自動で検証されます。実行ボタンはありません。
- 概要の表で、有効・警告付きで有効・無効のいずれかという結論と、エラーと警告の件数をひと目で確認できます。
- 問題一覧の表で、各問題の重大度、行番号、列、平易な説明を確認します。一覧はコピーするか、CSVとしてダウンロードしてチームと共有できます。
チェック内容
- 閉じられていないタグ — 開始したまま閉じられていない要素、または親が閉じられた時点でまだ開いている要素。
- 対応しない/予期しない閉じタグ — 対応する開始タグのない
</tag>、または順序が崩れて閉じられたタグ(例:<b>...<i>...</b></i>)。 - 重複したID — 複数の要素で同じ
idの値が使われていること。アンカー、ラベル、スクリプトが正しく動作しなくなります。 - 非推奨の要素 —
<center>、<font>、<marquee>、<big>、<strike>など、もはやHTMLの一部ではない古いタグ。 - 必須属性の欠落 —
altやsrcのない<img>、hrefのない<a>、srcのない<script>(インラインスクリプトは対象外)、hrefのない<link>。 - インライン要素内へのブロック要素の配置 —
<span>などのインライン要素の中に<div>などのブロック要素が置かれていること。 - 空要素への自己終了構文と閉じタグ —
<br>や<img>などの空要素で閉じタグを使う、または通常の要素で自己終了構文を使うこと。 - ドキュメントの骨格の欠落 —
<!DOCTYPE html>、<html>、<head>、<body>のいずれかがないページ。
完全なW3Cバリデーターですか?
いいえ。これは軽量な構造リンターであり、W3C/WHATWGのHTML仕様を完全に実装したものではありません。表示、アクセシビリティ、スクリプトの動作を壊す、影響の大きい一般的なミスを、正規表現とスタックによる高速なトークナイザーで検出します。仕様への厳密な適合性(コンテンツモデル、ARIAのルール、文字エンコーディング)を確認するには、公式のW3Cマークアップ検証サービスでマークアップを検証してください。
HTMLは外部にアップロードされますか?
いいえ。すべての検証はピュアJavaScriptによってお使いのブラウザ内でローカルに行われます。マークアップがサーバーに送信されることはないため、非公開のテンプレート、メールのHTML、未公開のページにも安心してお使いいただけます。
「エラー」と「警告」の意味は?
エラーは、ブラウザがドキュメントを解釈する方法に影響する構造上の欠陥です。閉じられていないタグ、重複したID、src/alt/href の欠落などが該当します。警告はベストプラクティスに関する問題で、通常はそのまま表示されます。非推奨の要素、DOCTYPEの欠落、インライン要素内へのブロック要素の配置などが該当します。まずすべてのエラーを解消し、そのあとで警告を確認するのがおすすめです。
一部分だけを検証できますか?
はい。断片を貼り付けても、タグや属性の問題は報告されます。DOCTYPEや <html>/<head>/<body> が無いという警告も表示されますが、部分的なテンプレートを意図的に確認している場合は無視して構いません。