HTML フォーマッター

ステップ 1 / 3

HTML入力

マークアップを貼り付けると、このローカルフォーマッターがタグとテキストを字下げした行に配置します。2 または 4 スペースを選び、結果を確認して、閲覧やレビュー用にコピーできます。HTML はこのブラウザセッション内に残ります。

3 ステップで HTML を整形

このツールは完全な HTML パーサーではなく、単純な構造リーダーです。開始タグ、終了タグ、コメント、宣言、テキストを別々の行に置き、選択した字下げを適用します。<img>、<br>、<meta> のような一般的な空要素は新しい階層を作りません。

<pre>、<code>、<textarea>、<script>、<style> で始まるブロックは、入力時のまとまりのまま保持されます。マークアップの検証、閉じ忘れたタグの修正、属性の折り返し、自己終了構文の正規化、CSS や JavaScript の意味解釈は行いません。

整形によって通常のテキストノード周辺の空白が変わることがあります。出力は読みやすい作業用コピーとして扱い、空白に敏感なテンプレートを保存または公開する前に比較してください。検証には HTML バリデーターを使ってください。

いいえ。整形とコピーはブラウザ内で行われます。ファネルの手順では入力をセッションストレージに一時的に保持するだけです。

いいえ。単純な字下げを適用するだけで、マークアップが有効か、意味的に正しいかは判断できません。

いいえ。完全な script および style ブロックは入力された状態のままです。