構文チェック
タグの対応、重複ID、主要属性などを確認し、問題のある行と列を表示します。
読みやすく整形・安全に圧縮・記述ミスを確認 HTML整形・圧縮・構文チェック
HTMLを貼り付けるだけで、整形・圧縮・基本的な構文チェックができます。
このツールの特長
- HTML全体だけでなく、記事やパーツなどの部分HTMLにも対応しています。
- タグの閉じ忘れ、重複ID、画像のalt属性不足などを行・列付きで確認できます。
- 圧縮時もscript・style・pre・textareaの内容やインライン要素間の空白を保持します。
- 入力内容はブラウザ内だけで処理され、サーバーには送信されません。
INPUT HTML
HTMLを入力
HTMLファイルをここへドロップすることもできます。Ctrl／⌘ + Enterで整形します。
0文字・0 B・0行
CHECK & CONVERT
処理方法を選択
チェック結果
RESULT
処理結果
0文字・0 B・0行
HOW TO USE
HTMLを整形・圧縮する方法
- HTMLを入力コードを貼り付けるか、HTMLファイルを選択またはドラッグ＆ドロップします。
- 処理を選択構文チェック、インデント付きの整形、安全な圧縮から目的の処理を選びます。
- コピーまたは保存処理結果をクリップボードへコピーするか、HTMLファイルとしてダウンロードします。
FUNCTIONS
3つの処理の違い
HTMLを整形
ブロック要素の階層に合わせて改行し、選択したインデントで読みやすく整理します。
HTMLを圧縮
表示への影響を抑えながら、不要なタグ間空白と通常のコメントを削除します。
CHECK SCOPE
構文チェックの対象
閉じタグの不足・不一致、属性値の引用符、属性やIDの重複、imgのalt属性、aのhref属性、非推奨タグなどを確認します。HTML Living Standardのすべての適合性規則を判定する公式バリデーターではなく、制作時に起こりやすい記述ミスを素早く見つけるための基本チェックです。
FAQ
HTMLツールについてよくある質問
入力したHTMLはサーバーへ送信されますか？
いいえ。構文チェック、整形、圧縮、ファイル作成はすべてブラウザ内で行われます。
整形や圧縮でscriptやpreの内容は変わりますか？
script、style、pre、textareaの開始タグから終了タグまでを保護し、内部の空白や改行を変更しません。
部分的なHTMLコードにも使えますか？
はい。DOCTYPEやhtml、head、bodyがないコードは部分HTMLとして扱い、それらの不足をエラーにしません。
構文チェックだけを利用できますか？
はい。「構文チェック」を押すとコードを変換せず、検出した問題だけを一覧表示します。