HTML 整形 — pretty / minify で読みやすく / 1 行に
HTML を整形 (pretty / minify) するツール。htmlparser2 でパースして自前の indent ロジックで Mode 切替: pretty (indent 2/4/タブ、改行入り) と minify (タグ間の空白・改行を除去して 1 行に圧縮)。HTML5 の void 要素 (`<br>` `<hr>` `<img>` `<input>` `<meta>` `<link>` など) は閉じタグなしで出力、`<script>` / `<style>` / `<pre>` / `<textarea>` の中身は変更せず保持。DOCTYPE 宣言・コメント・属性順・名前空間 (`xmlns:*`) を保持。XML を整形したい場合は xml-format を、HTML をプレーンテキストに変換したい場合は html-sanitize / markdown-html-convert を。すべてブラウザ内で処理。
使い方
Mode を選んで HTML を貼り付け、「実行」を押すと整形結果が出ます。Pretty はインデント (2 / 4 スペース / タブ) と改行を入れて読みやすくし、Minify はタグ間の空白・改行を除去して 1 行に圧縮します。HTML5 の void 要素 (`<br>` `<hr>` `<img>` `<input>` `<meta>` `<link>` など) は閉じタグなしで出力し、`<script>` / `<style>` / `<pre>` / `<textarea>` の中身は変更せず保持します。DOCTYPE 宣言・コメント・属性順・名前空間 (`xmlns:*`) もそのまま維持します。
よくある質問
- XML と何が違いますか?
- HTML5 は `<br>` のように閉じタグを書かない void 要素や、`<script>` / `<style>` の中身を生テキストとして扱う規則があります。本ツールは htmlparser2 を使って HTML5 のこれらの規則に従って解析し、整形時にも反映します。厳密な XML として整形したい場合は xml-format を使ってください。
- 属性のクオートは保持されますか?
- 出力では属性値は常にダブルクオート (`"`) で囲まれます。シングルクオート / クオート無し / バックティック など入力の差は出力では失われます。属性順は元の入力順を維持します。
- 壊れた HTML を入力したらどうなりますか?
- htmlparser2 は寛容なパーサで、未閉じタグやネスト不正もある程度補正して読み取ります。完全に意味不明な入力でない限りエラーにはなりませんが、出力は補正後の HTML になります。原文を厳密に保持したい場合は xml-format を試してください。
- 入力データはサーバーに送信されますか?
- いいえ。HTML はすべてブラウザ内で解析・整形されます。サーバーやネットワークには何も送信されません。
類似のツール
XML 整形 — pretty / minify 切替で読みやすく / 1 行に
XML を整形 (pretty / minify) するツール。fast-xml-parser でパースして自前の indent ロジックで Mode 切替: pretty (indent 2/4/タブ、改行入り、属性も整列) と minify (空白・改行を除去して 1 行に圧縮)。CDATA / コメント / processing instruction (`<?xml ... ?>`) / DOCTYPE 宣言 / 自己閉じタグ / 属性順を保持。XML 名前空間 (xmlns:foo) もそのまま維持。XML を JSON に変換したい場合は xml-json-convert を、HTML を整形したいなら HTML 用の別ツールを (XML パーサは HTML の `<br>` のような未閉じタグを許容しません)。すべてブラウザ内で処理。
Markdown ⇄ HTML 変換 — 双方向で往復
Markdown を HTML に、HTML を Markdown に双方向変換します。ブログから WordPress、静的サイトジェネレータへの移行、Web ページから README 化など、フォーマット間の橋渡しに最適。marked と turndown をブラウザ内で実行するので、原稿を外部に送信せずに変換できます。
HTML エンティティ変換 — &/</> を安全に
HTML の特殊文字 (< > & " ') を実体参照 (&lt; など) に encode したり、&amp; → & のように decode したりします。Mode 切替で双方向、すべて非 ASCII 文字を 10 進数値参照に変換するオプション付き。ブログのコードサンプル貼り付け、XSS 対策のエスケープ確認、メール本文の HTML 化準備などに使えます。
HTML サニタイズ — XSS 防御 (script / on* / javascript:)
DOMPurify でユーザー投稿 HTML から XSS 攻撃ベクター (script 要素・on* イベントハンドラ・javascript: URL・data: URL の不正利用・iframe など) を取り除きます。厳格 / 標準 / 許容の 3 モードでプロファイルを切替可能。CMS や掲示板に渡す前のサニタイズ、Markdown→HTML 変換結果の安全化、ブログ移行時のレガシー HTML 清掃などに。すべてブラウザ内で完結し、HTML は外部に送信されません。