HTML 포매터
지저분하거나 압축된 HTML을 브라우저에서 정리·들여쓰기합니다.
예시
압축된 HTML 정리
입력
<ul><li>One</li><li>Two</li></ul>
출력
<ul> <li>One</li> <li>Two</li> </ul>
중첩 구조 들여쓰기
입력
<div><p>Hi <a href="#">there</a></p></div>
출력
<div> <p>Hi <a href="#">there</a></p> </div>
도구 소개
이 무료 온라인 HTML 포매터는 지저분하거나 압축되거나 손으로 편집한 마크업을 깔끔하게 들여쓴 HTML로 바꿉니다 — 빠른 HTML 정리·pretty-print 도구입니다. HTML을 붙여넣고 들여쓰기 스타일을 고르면 포맷된 결과가 즉시 나타납니다. 모든 것이 업로드 없이 브라우저에서 실행되어 코드가 기기를 떠나지 않습니다.
사용 방법
- 입력란에 HTML을 붙여넣으세요(샘플을 눌러 체험).
- 공백 2칸·4칸·탭 중 들여쓰기를 고르세요.
- 오른쪽 출력란에서 정리된 HTML을 확인하세요.
- 복사 버튼으로 결과를 복사하세요.
HTML 포매터는 언제 쓰나
빌드된 페이지에서 압축된 HTML을 복사했을 때, 팀원의 일관성 없는 마크업을 넘겨받았을 때, 또는 편집 전에 이메일 템플릿이나 컴포넌트를 읽고 싶을 때 유용합니다. 일관된 들여쓰기는 중첩을 분명히 하고 diff를 깔끔하게 합니다.
자주 묻는 질문
이 HTML 포매터는 무료인가요?
네 — 가입도 제한도 없는 완전 무료 온라인 HTML 포매터·정리 도구입니다. 원하는 만큼 HTML을 포맷·들여쓰기하세요.
제 HTML이 서버로 업로드되나요?
아니요. 업로드 없는 도구입니다 — HTML이 전적으로 브라우저에서 포맷되므로 마크업이 기기를 떠나지 않습니다. 비공개·내부 코드에 안전합니다.
HTML 정리 도구는 실제로 무엇을 하나요?
마크업을 다시 들여쓰고, 태그와 내용을 각자 줄에 놓고, 간격을 정규화해 지저분하거나 압축된 HTML을 깔끔하고 읽기 쉽게 만듭니다. 페이지 렌더링 결과는 바뀌지 않습니다.
들여쓰기를 고를 수 있나요?
네 — 공백 2칸, 4칸, 또는 탭을 고르세요. 선택은 브라우저에 저장되어 다음에도 유지됩니다.
압축된 HTML도 처리하나요?
네. 한 줄이나 압축된 HTML을 붙여넣으면 제대로 들여쓴 읽기 쉬운 구조로 다시 펼칩니다.
인라인 자바스크립트나 CSS가 깨지나요?
아니요. 인라인 <style>·<script> 블록은 그대로 유지되고 주변 마크업과 함께 들여쓰기되므로 코드가 계속 동작합니다.
오프라인과 모바일에서도 되나요?
페이지가 로드된 후에는 로컬에서 실행되어 불안정한 연결에서도 동작하며, 레이아웃은 휴대폰·태블릿에서 완전 반응형입니다.
관련 도구