HTML フォーマッタ
乱雑な HTML を貼り付けて、きれいなインデントで美しくしたり、本番用に縮小したりできます。 Void 要素を認識し、スクリプトとスタイル ブロックを保持します。完全にブラウザ内で実行されます。
オンラインで HTML を美しくして縮小する方法
ToolsPix HTML フォーマッタは、実績ある js-beautify ライブラリを使って、乱雑な HTML をきれいなインデントで即座に整形したり、本番用に縮小したりできます。すべてブラウザ内で動作するため、ソフトウェアのインストール、アカウントの作成、ファイルのアップロードは一切不要です。
ToolsPix HTML フォーマッタを使用する理由?
- ファイルサイズの制限や使用量の上限がない完全に無料
- 100% クライアント側 — HTML がデバイスから離れることはありません
- Windows、Mac、Linux、およびモバイルブラウザで動作します
- 空要素（void 要素）対応:
<br>、<img>、<input>などすべての HTML5 空要素を正しく処理します - 透かしなし、登録なし、追跡なし
HTML をフォーマットする手順
HTML を左側の入力パネルに貼り付けます。美しくするを選ぶときれいなインデントが追加され、縮小するを選ぶと本番用に空白が除去されます。インデントサイズ、属性の折り返し、void 要素のスタイル、コメント処理などのオプションを調整し、アクションボタンをクリックするか自動実行を有効にすれば即座に結果が表示されます。完了したら出力をコピーまたはダウンロードしてください。ページ読み込み後はオフラインでも完全に動作します。
よくある質問
この HTML フォーマッタは私のコンテンツを変更しますか?
いいえ。美しくする は空白とインデントのみを調整します。 縮小する は空白、コメント、およびオプションのタグを削除しますが、属性値、テキストの内容、または HTML が記述する DOM 構造を変更することはありません。
<script> タグや <style> タグ内のコンテンツもフォーマットされますか？
<script>、<style>、<pre>、<textarea> の内容は、美しくする モードと 縮小する モードの両方でそのまま保持されます。JavaScript または CSS をフォーマットするには、言語ごとに専用のパーサーが必要になります。代わりに、CSS Minifier を使用してください。
「空要素（void 要素）」とは何ですか?なぜ重要ですか?
<br>、<img>、<input>、<meta>、<hr> などの空要素は、HTML5 では終了タグを持てません。フォーマッタはこれらを認識しており、閉じタグを追加しません。自己終了 void オプションで、XHTML スタイルの自己終了形式（<br/>）またはプレーン HTML5 形式（<br>）を選択できます。
縮小すると実際にどの程度ファイルサイズを削減できるのでしょうか?
手書きの HTML の一般的な節約効果は、インデントのスタイル、コメントの量、オプションの終了タグの使用に応じて 15% ～ 40% の範囲です。ビルド ツールによる既に縮小された HTML の節約は最小限に抑えられます。
私の HTML はサーバーに送信されますか?
いいえ。解析、美化、縮小はすべて、JavaScript を使用してブラウザ内で完全に実行されます。何もアップロード、記録、保存されません。ページの読み込み後にインターネットから切断しても、ツールは引き続き動作します。