HTML フォーマッター
圧縮された 1 行 HTML を整理されたインデント付きマークアップに。メール・テンプレート・保存ページ向けのシンプルで確実な整形ツールです。
このツールは完全にブラウザ内で動作します。データは端末から出ず、サーバーへアップロードされることはありません。
使い方
- 1HTML を入力欄に貼り付けます。
- 2入力すると同時にインデント結果が表示されます。
- 3整形後のマークアップをコピーするか、入力をクリアして次の断片へ。
HTML フォーマッター
詰め込まれた HTML を貼り付けると、即座に読みやすく統一されたインデントのマークアップに戻ります。img・br などの void 要素でインデントが崩れず、li・p といった暗黙閉じ要素も適切に処理され、pre・textarea・script・style の中身はそのまま保持されます。
あえてシンプルに:並べ替えも属性の書き換えもせず、空白と改行を加えて構造がひと目で分かるようにするだけです。
よくある質問
整形すると HTML の表示は変わりますか?
変わりません。タグ間に空白と改行を追加するだけです。pre・textarea・script・style の中身は空白が意味を持つため、完全にそのまま保持されます。
li や p のような閉じないタグはどう扱われますか?
よくある暗黙閉じ要素を把握しています。新しい li は前の li を閉じ、祖先の閉じタグで開いた子をまとめて閉じるため、リストや段落は期待どおりにインデントされます。
HTML はサーバーに送られますか?
いいえ。フォーマッターはローカルの JavaScript トークナイザーで、マークアップはブラウザから出ません。
関連ツール
HTML ミニファイアー
HTML をブラウザ内で圧縮:コメント除去と空白の折り畳みでページを軽量化。レンダリングを崩さない保守的な手法で、節約率も表示します。
すべてのツール →
XML フォーマッター
XML をオンラインで整形し、2 スペースの統一インデントに。サイトマップ・RSS・SOAP・設定ファイルがブラウザ内ですぐ読めます。
すべてのツール →
CSS ミニファイアー
CSS をオンラインで圧縮:コメントと余分な空白を取り除き、スタイルシートを軽量化して表示を高速化。プライベートで安全、アップロードは一切ありません。
すべてのツール →
Markdown プレビューアー
Markdown を入力しながらサニタイズ済み HTML でリアルタイムプレビュー — 見出し・リスト・表・コード・リンクを即時描画。README やドキュメントに。
すべてのツール →
ツールを埋め込む
1 行であなたのサイトにツールを。訪問者のブラウザ内で動きます。
<iframe src="https://zoyku.com/ja/tools/html-formatter?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — html-formatter" loading="lazy"></iframe>