0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
設定
HTML コードを一貫したインデントと読みやすい構造でフォーマットします。インデントと行幅を設定し、コードをエディタに貼り付けて、フォーマット してください。
ソースコード
ライン:0キャラクター:0
仕組み
HTML 文書を整えてインデントし直し、タグの階層を明確で一貫したものにします。圧縮されたマークアップの入れ子を展開したり、他者のテンプレートを確認したり、ビューのスタイルを統一したりするのに最適です。
インデントの種類・幅・改行コードに加えて、属性の折り返し方（例：1 行に 1 つ）や折り返し前の最大行長を制御できます。属性の多いタグで役立ちます。
すべて js-beautify を使ってブラウザー内で動作し、pre や textarea などのブロックの内容は尊重されます。整えるのは見た目で、HTML の検証や不足タグの補完は行いません。
例
<ul><li><a href="/a">A</a></li><li>B</li></ul><ul>
<li><a href="/a">A</a></li>
<li>B</li>
</ul>入れ子の各要素は、対応するインデントとともにそれぞれの行になります。ユースケース
- ページの圧縮された HTML マークアップの入れ子を展開して読みやすくする。
- コミット前にテンプレートのインデントを統一する。
- 多くのプロパティを持つタグで属性の折り返しを制御する。
- 入れ子のテーブルを含むメールやニュースレターの断片を確認する。
よくある質問
属性の折り返しオプションは何をしますか？
タグの属性の配置方法を定めます。同じ行に置く、1 行に 1 つ強制する、そろえる、などです。要素に属性が多く、読みやすさを高めたいときに役立ちます。
pre や textarea の内容が壊れませんか？
いいえ。フォーマッターは、空白や改行が意味を持つ pre や textarea などのタグの内容を尊重し、インデントし直しません。
HTML を検証したり修正したりしますか？
いいえ。インデントと改行を並べ替えるだけです。タグが正しく閉じられているかの確認や、マークアップのエラー修正は行いません。
私のコードはサーバーにアップロードされますか？
いいえ。整形はすべてブラウザー内で行われ、HTMLがコンピューターから外に出ることはありません。