HTML Beautifier & Formatter

Format messy HTML with proper indentation

🔒 100% ブラウザ内🆓 ずっと無料⚡ サインアップ不要
注意: 下記のツールインターフェースは現時点で英語のみに対応しています。UI の翻訳は順次進めています。 このツールを英語で見る →

使い方

  1. 1
    Paste your HTML

    Drop any HTML - a snippet, a minified page, or a copy from view-source.

  2. 2
    Pick indent style

    Choose 2 spaces, 4 spaces, or tabs.

  3. 3
    Copy the formatted result

    Get clean, readable HTML with proper indentation.

HTML Beautifier & Formatter について

Free online HTML beautifier. Paste minified, single-line, or messy HTML and get back cleanly indented markup with configurable indent size. Preserves attribute order, handles inline scripts and styles, and never leaves your browser. 712 Tools の HTML Beautifier & Formatter はモダンな JavaScript API を使って完全にブラウザ内で動作します - サーバーがあなたのデータを見ることは一切ありません。つまり、即時の結果、完全なプライバシー、アップロード制限なしです。

デバッグ、簡単な確認、あるいは本番のインシデント対応まで - このツールは何度でも無料で使えます。ウォーターマークなし、サインアップなし、ツール内広告なし。

よくある質問

Does it validate my HTML?

Not strictly. It formats the markup as-is. For validation use the W3C validator or a linter like htmlhint.

Does it preserve inline scripts and styles?

Yes. Content inside <script> and <style> blocks is preserved and indented sensibly.

Is my HTML uploaded?

No. Formatting runs entirely in your browser.

Why did some whitespace change inside <pre>?

The beautifier is careful with <pre> and <textarea> content, but if you notice a change, please report it.

続きを読む

5 分で読了

Markdown flavors explained: CommonMark, GFM, MDX, and why your table doesn't render

Markdown looks universal until you paste a GitHub table into a Discord post. Here's what each flavor supports, and how to pick one for your project.

関連ツール

JS Minifier

Minify JavaScript by stripping whitespace and comments

CSS Minifier

Compress CSS by removing whitespace and comments

SVG Optimizer

Compress and clean SVG files - remove metadata, collapse groups, simplify paths

Word Counter

Count words, characters, sentences, paragraphs, reading time

Case Converter

Convert text to UPPERCASE, lowercase, camelCase, snake_case, kebab-case, and more

Lorem Ipsum

Generate placeholder text - paragraphs, sentences, or words