使い方
- モードを選択
ツールバーで「整形（Beautify）」または「圧縮（Minify）」を選びます。
- HTMLを入力
左側のテキストエリアにHTMLコードを貼り付けるか入力し、「変換」ボタンをクリックします。
- 結果をコピー
「コピー」ボタンで整形済みHTMLをクリップボードにコピーできます。
HTMLフォーマッター の具体例
HTML整形
入力
<div><h1>Title</h1><p>Text</p></div>出力
<div>
<h1>Title</h1>
<p>Text</p>
</div>ブロック要素ごとに改行とインデントが追加されます。
HTML圧縮
入力
<div>
<h1>Title</h1>
<p>Text</p>
</div>出力
<div><h1>Title</h1><p>Text</p></div>不要な空白と改行が除去されます。
特長
- HTML整形（Beautify）でブロック要素ごとにインデント
- HTML圧縮（Minify）で不要な空白を除去
- インデントサイズ（2/4スペース）の切り替え
- 自己閉じタグ（<br/>, <img/>等）の認識
- インライン要素とブロック要素の適切な区別
- リアルタイムプレビュー対応
- ブラウザ内処理でプライバシー安全
よくある質問
どのようなHTMLタグに対応していますか？
div, p, section, article, header, footer, nav, main, ul, ol, li, table, tr, td, th, thead, tbody, form, head, body, html などの主要なブロック要素に対応しています。
JavaScriptやCSSを含むHTMLも整形できますか？
script/styleタグの認識に対応していますが、タグ内部のJS/CSSコードは整形されません。JS/CSSの整形には専用のフォーマッターをご利用ください。
データはサーバーに送信されますか？
いいえ。すべての処理はブラウザ内で完結し、データが外部に送信されることはありません。