コード整形ツール

HTML Formatter

HTML 文書やコード断片を 2 または 4 スペースのインデントで整形し、タグ、属性、対応する埋め込みコンテンツを整えます。

Ctrl / ⌘ + Enterで実行
読み取り専用の結果

HTML 文書やコード断片を 2 または 4 スペースのインデントで整形し、タグ、属性、対応する埋め込みコンテンツを整えます。

このツールでできること

HTML Formatter は HTML 文書や断片のインデントと改行を整え、script や style 内の対応するコードも整形します。エラーの理由を表示し、修正できるよう元の入力を保持します。

  • 入力はテキストとして処理され、HTML やスクリプトは実行されません。
  • 完全なドキュメントと一般的な HTML スニペットをサポートします。
  • 解析エラーが発生すると、特定のメッセージが表示され、入力が保持されます。

使い方

  1. HTML ドキュメントまたはスニペットを貼り付けます。
  2. スペース 2 つまたは 4 つのインデントを選択します。
  3. 「HTMLのフォーマット」をクリックします。
  4. 結果をコピーするか、formatted.html をダウンロードします。

主な用途

  • 圧縮されたテンプレートを整理します。
  • コードレビューの前にインデントと属性の折り返しを統一します。
  • ラベル構造に明らかな問題がないか確認します。

HTML Formatterの機能

HTML 文書全体やコードの断片を、統一したインデントと改行で整形できます。結果を確認してから、コピーまたはダウンロードしてください。

FAQ

ツールはスクリプトを実行しますか?

入力はテキストとして処理され、HTML やスクリプトは実行されません。

出力スタイルが元のテキストと異なるのはなぜですか?

インデントと改行を統一するため、属性が別の行に移ったり、一部のタグの書式が変わったりすることがあります。

スタイルとスクリプトを含むページをフォーマットできますか?

はい。一般的な埋め込み CSS や JavaScript を整形できます。コードは実行されません。

開発者向けツール一覧に戻る