HTML フォーマッター

タスクの道筋 / 入力から結果へ

HTML を整形する方法

1. 01

   マークアップを貼り付ける

   256 KiB 以下の UTF-8 ソースを入力します。整形では 2 または 4 スペースを選べます。

2. 02

   インデント幅を選ぶ

   2個または4個のスペースを選びます。サンプルは読み込み済みで、新しい設定は「整形」を押したときに反映されます。

3. 03

   「整形」を押す

   「整形」を押します。ローカルパーサーはHTMLタグを整えますが、元のテキスト間の空白とscript/styleの内容は保持します。対象ページで確認してください。

4. 04

   統計を確認する

   入力と出力のUTF-8バイト数、削減率を比べます。削減量が負なら結果は大きくなっています。コピーやダウンロードの前に確認してください。

5. 05

   結果をコピーまたはダウンロードする

   「結果をコピー」でクリップボードへ、「ダウンロード」で toolars.html として保存します。整形済みマークアップがそのままエディターやレビューコメントに向かうなら「結果をコピー」が近道です。「リセット」でペインを空にして次のドキュメントに進めます。