HTML フォーマッター / ミニファイアー
乱雑なマークアップを読みやすいインデント付き HTML に整えるか、コンパクトな 1 行版に縮小します。
下に HTML を貼り付け:
結果:
フォーマッターはシンプルなタグベースのインデントを使用するため、HTML 解析のすべてのエッジケースを処理できない場合があります。<pre> と <textarea> 内のコンテンツは圧縮時に保持されます。
HTML の整形・圧縮方法
- HTML を入力ボックスに貼り付けます。
- マークアップを見やすくする [整形] か、圧縮する [圧縮] を選択します。
- [処理] をクリックし、結果ボックスで出力を確認します。
- プロジェクトで使うため結果をコピーします。
よくある質問
フォーマッターは何をしますか?
タグ名や属性を変えずに、ネストしたタグを一貫した間隔でインデントしてドキュメント構造を読みやすくします。
HTML の圧縮では何をしますか?
HTML コメントを削除し、タグ間の空白を詰めてファイルサイズを縮小します。pre と textarea タグ内のコンテンツはそのまま保持されます。
マークアップに安全ですか?
はい。処理はブラウザ内でのみ行われ、HTML がアップロードされることはありません。心配な場合は元ファイルのバックアップを保持してください。
無料で使えますか?
はい。Handio のすべてのツールは無料で、登録不要、制限なし、透かしなしです。
関連ツール
HTML を整形・圧縮する理由
整形された HTML ははるかに読みやすく保守しやすく、圧縮された HTML は本番でより速く読み込まれます。このツールは乱雑なマークアップを整形したり、コンパクトな 1 行に圧縮したりします。
- ページの編集やデバッグの前に、圧縮された HTML を整形できます。
- テンプレート出力を圧縮してページの重さと読み込み時間を削減できます。
- 生成またはスクレイピングされたマークアップのタグ構造を確認できます。
ヒントと制限
整形はシンプルなタグベースのインデントを使うため、複雑で特殊な HTML は手動調整が必要な場合があります。すべてブラウザ内で実行され、マークアップがアップロードされることはありません。