Is this based on a full parser?

No. It's a lightweight formatter that recognizes tag structure to indent code, and preserves the contents of script, style, and pre tags exactly as-is.

Can it still format invalid HTML?

It does its best to format the code even with syntax issues like unclosed tags, but for full validation, use the HTML5 Validator alongside it.

Is the code I enter sent to a server?

No. It's processed entirely in your browser.

🧽 HTML Code Formatter

Indents HTML code to match its tag structure.

Input

Result

How to use

Enter your HTML code.
Click "Format".
You'll see the code indented to match its tag structure.

🎯 Use Cases

Turn HTML squashed onto a single line into a readable form
Standardize formatting before a code review
Understand a template's code structure

Example

Input

<nav><a href="/">Home</a></nav>

Output

<nav>
  <a href="/">
    Home
  </a>
</nav>

A single-line HTML snippet is re-indented with 2 spaces to reflect its tag nesting, while the text and the href="/" attribute are preserved unchanged.

FAQ

Is this based on a full parser?: No. It's a lightweight formatter that recognizes tag structure to indent code, and preserves the contents of script, style, and pre tags exactly as-is.
Can it still format invalid HTML?: It does its best to format the code even with syntax issues like unclosed tags, but for full validation, use the HTML5 Validator alongside it.
Is the code I enter sent to a server?: No. It's processed entirely in your browser.