🌐 HTML Formatter
Paste HTML to beautify it with clean indentation, or minify it for production — script, style and pre blocks preserved, entirely in your browser.
Frequently Asked Questions
What does the HTML beautifier do?
It puts each tag on its own line and indents nested elements by 2 or 4 spaces. Elements containing only short text — like <h1>Title</h1> — are kept on one line for readability. Whitespace runs inside text are collapsed to a single space.
Is the content of <script>, <style>, <pre> and <textarea> changed?
No. These elements are whitespace-sensitive or contain non-HTML content, so their inner content is passed through exactly as you pasted it in both Beautify and Minify modes.
What does Minify mode remove?
Minify strips HTML comments (except conditional <!--[if ...]--> comments), removes whitespace-only text between tags, and collapses remaining whitespace runs in text to a single space. This typically shrinks hand-written HTML by 10–30%.
Are void elements like <br> and <img> handled correctly?
Yes. The 14 HTML void elements (br, img, input, meta, link, hr and others) never take a closing tag, so the formatter does not indent content "inside" them or expect a closing tag. The doctype declaration and self-closing XML-style tags are also recognised.
Can formatting change how my page renders?
In rare cases, yes — HTML collapses most whitespace, but a space between inline elements (like two links side by side) is significant. The formatter preserves a single space where text had whitespace, which keeps rendering identical for typical markup. Whitespace-sensitive layouts should be checked after formatting.
Is my HTML uploaded to a server?
No. Formatting runs entirely in your browser with JavaScript — your markup never leaves your device, so it is safe for unreleased pages and email templates.