使い方
- HTML を貼り付けるか、
.htmlファイルを開くか、サンプル（1 行に詰め込まれたページ）から始めます。 - スペース 2 つ、スペース 4 つ、タブから選びます。入力すると整形された HTML が表示されます。
- コピーするかダウンロードするか、このページを公開 を押してオンラインで公開します。
変わること、変わらないこと
整形で変わるのはタグ間の空白だけです。各ブロック要素は新しい行から始まり、深さに応じてインデントされます。テキスト、属性、<pre> と <textarea> の内容はそのままなので、ページの見た目は整形の前後で変わりません。セクション間に残した空行は保持され（連続 2 行まで）、<script> と <style> の内容もインデントされます。
役立つ場面
- 他の人が作ったページのソースや、圧縮されたテンプレートを読むとき。
- AI アシスタントが書いた HTML を編集前に整理するとき。
- 差分を読みやすくするとき。先に両方のバージョンを同じ方法で整形します。
よくある質問
整形するとページの見た目は変わりますか？
ブロック要素では変わりません。リンクが 2 つ並んでいる場合のようなインライン要素の間では、空白は 1 つのスペースとして表示されます。フォーマッターは、隣り合っていたインライン要素を同じ行に保ちます。
壊れた HTML を修正できますか？
いいえ。あるものをインデントするだけです。ブラウザがどう解釈するかを確認するには、HTML ビューアで開いてください。
どのフォーマッターを使っていますか？
広く使われているオープンソースのフォーマッター js-beautify をブラウザ内で実行しています。
HTML はアップロードされますか？
いいえ。整形はブラウザ内で実行されます。Lobsite に送信されるのは、このページを公開 を押した場合のみです。