HTML 포매터
압축되거나 한 줄로 뭉친 HTML을 깔끔하고 들여쓰기된 마크업으로 바꿉니다 — 이메일, 템플릿, 저장한 페이지용 간단하고 믿을 수 있는 뷰티파이어. 100% 클라이언트 사이드.
이 도구는 전부 브라우저 안에서 실행됩니다. 데이터는 기기를 떠나지 않으며 어떤 서버로도 업로드되지 않습니다.
사용 방법
- 1HTML을 입력 상자에 붙여 넣기.
- 2들여쓰기된 결과가 입력하는 동안 실시간으로 나타납니다.
- 3포맷된 마크업을 복사하거나 입력을 지워 다른 조각을 포맷하기.
HTML 포매터
뭉쳐 들어온 HTML을 붙여 넣으면 읽기 쉽고 일관되게 들여쓰기된 마크업이 즉시 돌아옵니다. img, br 같은 void 요소가 들여쓰기를 깨지 않고, li, p 같은 자동 닫힘 태그가 상식적으로 처리되며, pre, textarea, script, style 블록의 내용은 그대로 보존됩니다.
의도된 단순 포매터입니다. 재배열도, 속성 재작성도, 놀라움도 없습니다 — 구조가 한눈에 보이도록 공백과 줄바꿈만 더합니다.
자주 묻는 질문
포맷하면 HTML 렌더링이 바뀌나요?
아니요 — 포맷팅은 태그 사이에 공백과 줄바꿈만 넣습니다. pre, textarea, script, style의 내용은 그 안의 공백이 의미를 갖기 때문에 정확히 보존됩니다.
li나 p 같은 닫히지 않은 태그는 어떻게 되나요?
흔한 자동 닫힘 요소를 알고 있습니다. 새 li가 이전 li를 닫고, 조상의 닫는 태그가 열려 있던 자식들을 모두 닫아 목록과 단락이 기대대로 들여써집니다.
HTML이 서버로 보내지나요?
절대로. 포매터는 로컬 JavaScript 토크나이저이며 마크업은 브라우저에 남습니다.
관련 도구
HTML 압축기
브라우저에서 HTML을 압축합니다: 주석을 제거하고 공백을 눌러 페이지 무게를 줄입니다 — 마크업과 렌더링을 지키는 보수적인 클리너입니다. 설치도 가입도 필요 없습니다.
전체 도구 →
XML 포매터
XML을 온라인에서 깔끔한 2칸 들여쓰기로 예쁘게 만듭니다 — 사이트맵, RSS 피드, SOAP 봉투, 설정 파일이 다시 읽힙니다, 브라우저에서 바로.
전체 도구 →
CSS 압축기
CSS를 온라인에서 압축합니다: 주석과 불필요한 공백을 제거해 스타일시트를 줄이고 로딩을 빠르게 합니다. 즉각적이고 비공개이며 규칙도 안전합니다.
전체 도구 →
Markdown 미리보기
Markdown을 입력하는 동안 깨끗하게 정화된 HTML로 미리 봅니다 — 제목, 목록, 표, 코드, 링크가 실시간 렌더링됩니다. README, 문서, 댓글에 딱.
전체 도구 →
도구 삽입
한 줄로 사이트에 도구를 넣으세요. 방문자의 브라우저에서 실행됩니다.
<iframe src="https://zoyku.com/ko/tools/html-formatter?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — html-formatter" loading="lazy"></iframe>