毎日使う開発者ツールを、すべて一か所に。

コンバーター、フォーマッター、ハッシュ、バリデーター、そして何度も開き直す小さなユーティリティが、タブの海に散らばることなく一か所にまとまります。

/ ツール

■

/ ツールファインダー

109 個のツール

/ HTML フォーマッター

HTML 入力

/ 選択中のツール

■

HTML フォーマッター - 無料のフォーマッターツール

HTML コードを適切なインデントで整形・美化します

■ 01

HTML の整形とは?

HTML の整形は、一貫したインデントと改行のパターンに従うように HTML コードを再構成します。これによりコードが読みやすく、保守しやすくなります。ミニファイは、すべての不要な空白とコメントを削除して…します…

■ 02

どのように動作するのか?

整形は HTML タグを解析し、ネストのレベルに基づいて適切なインデントを追加します。<img> や <br> のような自己完結型・void 要素は適切に処理されます。ミニファイはコメントを取り除き、空白を圧縮します。整形…

■ 03

サンプルケース

シンプルな構造、属性付き、複雑なネストをカバーしているので、一般的な入力と出力をすばやく比較できます。

/ 関連ツール

/ コード

■

選択したツールのソースコード。右側のライブ版と並べて表示されます。

/ ソースコード

TypeScript

typescript

// Simple HTML formatter

function formatHtml(html: string): string {
  if (!html.trim()) return '';

  const indentStr = '  ';
  let indentLevel = 0;
  const result: string[] = [];

  const voidElements = new Set([