HTML Beautifier & Formatter

Format messy HTML with proper indentation

๐Ÿ”’ 100% ๋ธŒ๋ผ์šฐ์ € ๋‚ด๐Ÿ†“ ํ‰์ƒ ๋ฌด๋ฃŒโšก ๊ฐ€์ž… ์—†์Œ
์ฐธ๊ณ : ์•„๋ž˜ ํˆด ์ธํ„ฐํŽ˜์ด์Šค๋Š” ํ˜„์žฌ ์˜์–ด๋กœ๋งŒ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. UI๋Š” ํ•˜๋‚˜์”ฉ ๋ฒˆ์—ญ ์ค‘์ž…๋‹ˆ๋‹ค. ์ด ํˆด์„ ์˜์–ด๋กœ ๋ณด๊ธฐ โ†’

์‚ฌ์šฉ๋ฒ•

  1. 1
    Paste your HTML

    Drop any HTML - a snippet, a minified page, or a copy from view-source.

  2. 2
    Pick indent style

    Choose 2 spaces, 4 spaces, or tabs.

  3. 3
    Copy the formatted result

    Get clean, readable HTML with proper indentation.

HTML Beautifier & Formatter ์†Œ๊ฐœ

Free online HTML beautifier. Paste minified, single-line, or messy HTML and get back cleanly indented markup with configurable indent size. Preserves attribute order, handles inline scripts and styles, and never leaves your browser. 712 Tools์˜ HTML Beautifier & Formatter์€ ์ตœ์‹  JavaScript API๋ฅผ ์‚ฌ์šฉํ•ด ์—ฌ๋Ÿฌ๋ถ„์˜ browser์—์„œ ์™„์ „ํžˆ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค - server๊ฐ€ ์—ฌ๋Ÿฌ๋ถ„์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณผ ์ผ์ด ์ ˆ๋Œ€ ์—†์Šต๋‹ˆ๋‹ค. ์ฆ‰, ์ฆ‰๊ฐ์ ์ธ ๊ฒฐ๊ณผ, ์™„์ „ํ•œ ํ”„๋ผ์ด๋ฒ„์‹œ, ๊ทธ๋ฆฌ๊ณ  ์—…๋กœ๋“œ ์ œํ•œ์ด ์—†์Šต๋‹ˆ๋‹ค.

debugging ์„ธ์…˜, ๋น ๋ฅธ sanity check, ๋˜๋Š” ํ”„๋กœ๋•์…˜ ์ธ์‹œ๋˜ํŠธ - ์–ด๋–ค ์ƒํ™ฉ์ด๋“  ์ด ํˆด์€ ์›ํ•˜๋Š” ๋งŒํผ ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์›Œํ„ฐ๋งˆํฌ ์—†์Œ, ๊ฐ€์ž… ์—†์Œ, ํˆด ๋‚ด ๊ด‘๊ณ  ์—†์Œ.

์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ

Does it validate my HTML?

Not strictly. It formats the markup as-is. For validation use the W3C validator or a linter like htmlhint.

Does it preserve inline scripts and styles?

Yes. Content inside <script> and <style> blocks is preserved and indented sensibly.

Is my HTML uploaded?

No. Formatting runs entirely in your browser.

Why did some whitespace change inside <pre>?

The beautifier is careful with <pre> and <textarea> content, but if you notice a change, please report it.

๋” ์ฝ๊ธฐ

5 ๋ถ„ ์†Œ์š”

Markdown flavors explained: CommonMark, GFM, MDX, and why your table doesn't render

Markdown looks universal until you paste a GitHub table into a Discord post. Here's what each flavor supports, and how to pick one for your project.

๊ด€๋ จ ํˆด

JS Minifier

Minify JavaScript by stripping whitespace and comments

CSS Minifier

Compress CSS by removing whitespace and comments

SVG Optimizer

Compress and clean SVG files - remove metadata, collapse groups, simplify paths

Word Counter

Count words, characters, sentences, paragraphs, reading time

Case Converter

Convert text to UPPERCASE, lowercase, camelCase, snake_case, kebab-case, and more

Lorem Ipsum

Generate placeholder text - paragraphs, sentences, or words