HTML フォーマッター
乱れた HTML を一貫したスペースで美化・再インデント。すべてブラウザ内のローカル処理です。貼り付けて整形し、コピーするだけ —— 何もアップロードされません。
関連
HTML フォーマッター のガイド
JSON パースエラー：メッセージを読み、修正へ直行
JSON パーサーのエラーメッセージと、それぞれを解説する記事のディレクトリ —— まず厳格なバリデーターで確認し、次に具体的な構文の問題へ掘り下げます。
無効な JSON を修復：「どこが悪いか」からきれいなファイルへ
ほぼ正しく見える JSON を修復 —— 末尾カンマ、単一引用符、引用符なしのキー —— 「ほぼ JSON」を許容するスマートフォーマッターを使い、その後で厳格に検証します。
JSON フォーマッター・バリデーター・ビューアー：適切なツールを選ぶ
フォーマッター、バリデーター、ビューアー、ミニファイア、差分を横並びで比較し、API ペイロードをレビューするときに連鎖させる順序を示します。
オンライン HTML フォーマッター＆整形ツール
ミニファイされた HTML や乱れた HTML を貼り付けて Format をクリックすると、一貫した読みやすいインデントで美化できます。このオンライン HTML フォーマッターは完全にブラウザ内で動作し、何もアップロードされません —— そのため社内テンプレートや本番マークアップでも安全に使えます。
- HTML を美化 —— 1 行や不揃いなマークアップを、きれいなインデント付きのツリーに変換
- インデント幅を選択 —— スペース 2 つまたは 4 つ
- コンテンツを保持 —— テキスト、
<script>、<style>、<pre>ブロックはそのまま維持されます - プライベート —— アップロードなしでローカルに動作する HTML 整形ツール
安全な方法で HTML を整形
フォーマッターはコンテンツを書き換えることなく、ネストの深さに応じてタグを再インデントします。<br>、<img>、<input> などの空要素は正しく処理され、<script>、<style>、<pre>、<textarea> の内容はそのままに保たれるため、何も壊れません。
整形しながらマークアップのレンダリング結果を確認するには HTML ビューア をご利用ください。代わりに構造化データを整形するなら XML フォーマッター や JSON から XML への変換 をお試しください。
FAQ
HTML をオンラインで整形するには？
HTML を貼り付けてインデント幅を選び、Format をクリックします。整形ツールがマークアップをネストの深さに応じて再インデントし、結果をコピーできます —— すべてブラウザ内で処理されます。
コンテンツは変わりますか？
いいえ。タグ間の空白とインデントを調整するだけです。テキスト、および <script>、<style>、<pre> の内容は保持されます。
HTML はサーバにアップロードされますか？
いいえ —— 整形はブラウザ内のローカルで行われるため、機密マークアップや社内マークアップでも安全です。