HTML 포매터 — HTML 정렬 및 압축
지저분한 HTML을 적절한 들여쓰기로 정렬하거나 주석과 불필요한 공백을 제거해 압축하세요. 붙여넣고 정렬·압축을 전환한 뒤 복사하세요. 모두 브라우저에서 처리됩니다.
🔒 모두 브라우저 안에서 동작합니다. 입력과 출력은 서버로 전송되거나 저장되지 않아 안전합니다.
이 도구 소개
HTML을 붙여넣고 브라우저에서 두 가지 모드를 전환할 수 있습니다. 미화는 중첩된 태그를 들여써서 문서 구조를 한눈에 보이고 편집하기 쉽게 만들어, 페이지 빌더나 압축된 템플릿에서 복사한 엉킨 마크업을 풀어내기에 안성맞춤입니다. 압축은 그 반대로 주석·줄바꿈·불필요한 공백을 제거해 브라우저가 내려받아야 할 페이지 용량을 줄입니다. 필요한 버전을 복사하거나 내려받으세요. 마크업은 모두 기기에서 처리되며 업로드되지 않습니다.
자주 묻는 질문
언제 미화하고 언제 압축해야 하나요?
페이지를 읽거나 거기서 배우거나 편집할 때는 미화하세요. 들여쓰기가 분명하면 요소의 중첩 구조가 한눈에 들어옵니다. 게시하기 직전에는 압축하세요. 파일이 작을수록 더 빨리 로드되고 대역폭도 아낍니다. 둘은 서로 보완 관계여서 개발용으로는 정돈된 미화 버전을 두고, 운영 사이트 방문자에게는 압축 버전을 제공하면 좋습니다.
압축하면 주석이 사라지거나 페이지 모습이 바뀌나요?
압축은 HTML 주석을 제거하고 태그 사이의 공백을 줄이지만, 브라우저가 어차피 그 공백을 무시하므로 대개 보이는 변화는 없습니다. 유일하게 주의할 점은 pre나 textarea 요소 내부처럼 공백과 줄바꿈이 의미를 갖는, 공백에 민감한 내용입니다. 이 점을 염두에 두고 하나뿐인 원본이 아니라 항상 사본을 압축하세요.
입력한 HTML이 어딘가로 전송되나요?
아니요. 전체 처리가 브라우저에서 실행되므로 붙여넣은 마크업이 서버로 전송되거나 저장되지 않습니다. 덕분에 초안 콘텐츠, 내부 링크, 인라인 데이터처럼 온라인 서비스에 공유하고 싶지 않은 내용이 담긴 페이지도 안심하고 정리할 수 있습니다.