HTML フォーマッター

用途

HTML マークアップは、本番向けにミニファイされたもの、テンプレートエンジンが空白を気にせず生成したもの、手書きで一貫しないインデントのものなど、いろいろな状態でやってきます。本ツールは任意の HTML を、ネスト要素ごとに一貫したインデントで整形します。void 要素（<img>、<br>、<meta>）やインライン要素（<a>、<span>、<strong>）を識別するため、出力は機械的でなく自然な HTML になります。Minify モードはタグ間の空白を削除し、必要に応じてコメントも除去します。すべてブラウザ内で完結します。

使うべきタイミング

• ミニファイ済みの HTML メールやページの「ソース表示」コピーを、構造を読み取れるよう整形したいとき。
• CMS や WYSIWYG のスニペットをコードレビュー前に綺麗にしたいとき。
• 静的 HTML のアセットをデプロイ前にミニファイし、転送量を減らしたい・コメントの漏洩を防ぎたいとき。
• テンプレートから著者コメントを除去して公開したいとき。

よくある注意点

• これは実用本位のトークナイザで、完全な HTML5 パーサーではありません。 実際のフラグメントには十分強いですが、ひどく壊れた入力からの復元はブラウザほど巧みには行いません（ブラウザは完全な HTML パースアルゴリズムでエラーを黙って修復しますが、本ツールはそこまで行いません）。
• <pre>、<textarea>、<script>、<style> 内の空白は保持されます。 これらの要素は raw として扱われ、再インデントは行いません。
• インライン要素は親テキストと同じ行に置かれます。 <p>some <b>bold</b> text</p> は改行されません。
• 「空白の圧縮」は一部のコンテンツでレンダリング結果を変えます。 連続スペースが 1 つにまとまります。複数スペースや non-breaking 系列に依存するデザインでは無効にしてください。
• HTML での自己終了表記は装飾的です。 HTML5 では <br/> と <br> は等価であり、本ツールは入力どおりを保持します。
• Minify はセキュリティ境界ではありません。 コメント除去で秘密を隠そうとしないでください。それらは既にクライアントに配信されています。