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