HTML Formatter
Format and minify HTML code with proper indentation
About the HTML Formatter
This HTML formatter indents markup so nesting depth becomes visible, which is usually where an unclosed tag is hiding, and minifies in the other direction to reduce page weight. Both directions run in your browser, so page source containing real data is never uploaded.
An HTML formatter makes structure legible. Markup from a CMS export, a build output or an email template often arrives with no indentation at all, and finding an unclosed div in a single unbroken line is close to impossible.
Indentation reveals nesting depth, which is usually where the bug is. A div closed one level too early, a table cell outside its row, or a list item that never closed all become obvious once the tree is indented.
Minification strips the whitespace between tags for production. Be aware that whitespace is significant in some places — inside a pre block, and between inline elements where it renders as a space — so check text-heavy markup after minifying rather than assuming it is safe.
How to use the HTML Formatter
- Paste your HTML. Enter the markup or page source.
- Choose a direction. Beautify to read the structure, or minify for production.
- Check the nesting. Look for tags closed at the wrong depth.
- Copy the result. Take the formatted or minified markup.
HTML Formatter features
- Indent markup to reveal nesting depth
- Minify by stripping whitespace between tags
- Handles attributes and self-closing tags
- Preserves pre and textarea content
- Before and after size comparison
- Runs entirely in your browser
Frequently asked questions
Does formatting change how the page renders?
Almost never, but whitespace between inline elements does render as a space, so check text-heavy markup after reformatting.
Can it help me find an unclosed tag?
Yes. Once indented, a tag closed at the wrong nesting depth becomes visually obvious.
Is pre content preserved?
Yes. Content inside pre and textarea is left untouched because whitespace is significant there.
How much does minifying save?
Usually 10 to 20% of raw size, plus whatever gzip adds on top.
Is my markup uploaded?
No. Formatting happens entirely in your browser.