貼ったHTMLを読む前に字下げし直す
ミニファイ済みのダンプ、コピーしたテンプレート、CMSの断片。1行に潰れたマークアップは読めません。まず字下げし直します。
このガイドで使う道具
やりたいこと
DevToolsやCMS、ミニファイ済みテンプレートからコピーしたHTMLは、読めない1行で届きがちです。この整形ツールは字下げをやり直します。入れ子の要素は一段下がり、<script>・<style>・<pre>・<textarea>の中身はそのまま、短いインラインは1行に収めます。段落が50行に破裂することはありません。
ダンプの整形
マークアップを貼って整形を押します。タグは2スペースで入れ子に字下げされ、コメントとdoctypeはそのまま残り、<a>や<strong>などのインライン要素は80文字に収まる範囲で1行のままです。
- 空要素(<img>・<br>・<input>)は自己完結します。
- <pre>/<textarea>/<script>/<style>の中身は一切触りません。そこの空白は意味を持つためです。
- 壊れた入れ子は直さず、そのまま残します。整形するのは渡されたものです。
対応範囲
整形ツールであってバリデータではありません。<div>の閉じ忘れや属性のスペルミスは指摘しません。構造を読める形にしてからバリデータへ回してください。1回の貼り付けは50万文字まで。