📄 HTMLフォーマッター

HTMLフォーマッターについて

このHTMLフォーマッターはブラウザ内で完全に動作します。HTMLコンテンツを入力ボックスに貼り付け、インデントスタイルを選択し、フォーマットをクリックするだけで美しくインデントされた出力が得られます。また、不要な空白を削除する圧縮や、構文エラーの検証も可能です。サーバーへのアップロードは一切ありません——すべての処理はブラウザの組み込みDOMParserでローカルに行われます。

機能

• フォーマット —— 一貫したインデント（2スペース、4スペース、タブ）でHTMLを整形出力。
• 圧縮 —— タグ間の不要な空白を削除してファイルサイズを削減。
• 検証 —— HTMLを解析し、整形式かどうかを報告。
• 空要素 —— <br>、<img>、<input> などの自己完結タグを正しく処理。
• インラインコンテンツ —— テキストとインライン要素は余分な改行なしで保持。

使い方

1. HTMLコンテンツを入力ボックスに貼り付け。
2. お好みのインデントスタイルを選択。
3. 必要に応じてフォーマット、圧縮、検証をクリック。
4. コピーで結果をコピー、またはクリアでやり直し。

よくある質問

HTMLはアップロードされますか？ いいえ。すべてのフォーマット処理はブラウザ内でローカルに行われます。データはデバイスから離れません。

フォーマットと圧縮の違いは？ フォーマットは可読性のためにインデントと改行を追加します。圧縮はファイルを可能な限り小さくするため不要な空白を削除します。

コメントは保持されますか？ はい、<!-- ... --> コメントはフォーマット出力に保持されます。

<pre> や <code> ブロックは処理できますか？ はい。<pre> と <textarea> 要素内の空白はそのまま保持されます。