HTML Formatter & Minifier

Whitespace between block-level elements (div, p, ul, li, table, headings…) does not change how a page renders, so each block element goes on its own line and its children are indented. Whitespace inside text, and between inline elements (a, span, strong, em, code, img, br…), does render — as a space — so inline elements stay in the text flow and runs of whitespace collapse to one space, exactly as a browser would display them. A block that holds only a short run of inline content (<p>text</p>) is kept on one line. Tag names and attributes are left as written apart from collapsing whitespace between attributes.

The contents of pre, textarea, script and style are copied through untouched, because there whitespace is significant or is code. Comments are kept (or dropped, by option); conditional comments are always kept. The DOCTYPE and CDATA sections pass through as they are.

Minify removes whitespace-only text between tags, collapses whitespace inside text to single spaces and drops comments; it does not shorten attribute quotes or omit optional tags. A space that sits between two inline elements is removed too, so if it matters, put it inside a tag. The tool does not parse the DOM or repair markup: an unclosed element is reported, and indentation after it follows the tags as written. Nothing leaves the browser; the same four anonymous usage counts as the rest of the site apply.