HTML 정리·압축
한 줄로 뭉친 HTML을 보기 좋게 들여쓰기하거나, 반대로 미니파이해 한 줄로 만듭니다. pre·script·style·textarea 내부는 그대로 보존됩니다.
입력 HTML
결과
사용 방법
1
모드 선택
"정리(Beautify)" 또는 "압축(Minify)"을 탭으로 선택하세요. 정리는 들여쓰기 추가, 압축은 공백·줄바꿈 제거입니다.
2
HTML 입력
왼쪽에 HTML 코드를 붙여넣으세요. 결과가 오른쪽에 실시간으로 표시됩니다.
3
옵션 조절·복사
들여쓰기 폭(2칸·4칸·탭)을 선택할 수 있습니다. 결과는 한 번에 복사 가능합니다.
자주 묻는 질문
<pre>, <script> 안의 내용은 어떻게?
pre, script, style, textarea 태그 내부는 공백·줄바꿈이 의미가 있으므로 "그대로" 보존됩니다. 들여쓰기만 외부 구조에 맞춰 조정됩니다. 압축 모드에서도 내부는 건드리지 않습니다.
주석은?
단일 줄 주석은 그 줄에, 여러 줄 주석은 줄바꿈을 보존합니다. 압축 모드에서는 주석을 그대로 두며, "주석 제거" 옵션은 제공하지 않습니다(필요 시 별도 도구를 사용하세요).
잘못된 HTML도 처리되나요?
본 도구는 단순 토큰 기반 포매터로, 닫는 태그가 빠지거나 중첩이 잘못된 HTML도 처리는 합니다(들여쓰기 깊이가 어긋날 수 있음). 정확한 검증은 W3C Validator를 사용하세요.
CSS·JS 파일도 정리 가능?
본 도구는 HTML 전용입니다. CSS·JS 정리는 각각의 전용 도구를 사용하세요. 단, HTML 안의 <style>·<script> 블록은 들여쓰기만 외부 구조에 맞춰 조정되고 내부 코드는 그대로 보존됩니다.
데이터가 서버에 전송되나요?
아닙니다. 모든 변환은 브라우저에서만 이루어지며, 입력한 HTML이 외부로 전송되지 않습니다.
