HTML Formatter

Minified or machine-generated HTML is almost impossible to review. Formatting restores the shape of the document so you can see nesting, spot an element that closed in the wrong place, and diff two versions meaningfully in version control.

The defaults suit most documents, but a few settings change the result substantially.

It adds line breaks and indentation so the structure of your document becomes visible. Each nested element moves onto its own line, indented to show how deeply it sits. The rendered output in a browser is unchanged — only the whitespace between tags differs.

Yes. Content inside <style> and <script> blocks is formatted with the matching CSS and JavaScript beautifiers, and you can turn either off independently if you would rather leave those blocks exactly as they are.

Yes. Turn on "Indent with tabs" in the formatting options and one tab character is emitted per level, which overrides the indent size setting.

No. <pre> and <textarea> are treated as content-unformatted by default, so everything inside them is copied through byte for byte. You can add your own tags to that list if you have custom elements that must not be touched.

There is no hard limit. The formatter runs on your own machine rather than a server, so the practical ceiling is your available memory. Documents of a few megabytes format in well under a second.

No. The formatter is JavaScript running in your browser tab. Your markup never leaves the page, which means you can safely paste proprietary or unreleased code.