어떤 형식의 HTML도 정리할 수 있나요?

HTML5 문서와 태그 조각 모두 처리 가능합니다. 잘못된 마크업은 최대한 보정해 출력합니다.

원본 코드 내용이 변경되나요?

들여쓰기와 줄바꿈만 조정하며 태그·속성·텍스트 내용은 변경되지 않습니다.

현재는 2칸 들여쓰기로 고정되어 있습니다. 추후 옵션 추가가 예정되어 있습니다.

💻

입력

정렬되지 않은 HTML 코드를 2칸 들여쓰기 기준으로 자동으로 정리합니다. js-beautify 라이브러리를 사용해 태그 계층 구조를 명확하게 시각화합니다. 정리된 결과를 즉시 복사할 수 있습니다.

① 정리할 HTML 코드를 입력창에 붙여넣습니다. ② '정리하기' 버튼을 클릭합니다. ③ 들여쓰기가 맞춰진 정리된 HTML이 하단에 표시됩니다. ④ 복사 버튼으로 결과를 클립보드에 저장합니다.

• 압축(minify)된 HTML을 읽기 쉽게 변환할 때 • 복사해온 코드의 들여쓰기를 일관되게 정리할 때 • 코드 리뷰 전 HTML 구조를 명확히 파악할 때 • 이메일 템플릿·CMS 코드를 정리할 때

Q. 어떤 형식의 HTML도 정리할 수 있나요?: A. HTML5 문서와 태그 조각 모두 처리 가능합니다. 잘못된 마크업은 최대한 보정해 출력합니다.
Q. 원본 코드 내용이 변경되나요?: A. 들여쓰기와 줄바꿈만 조정하며 태그·속성·텍스트 내용은 변경되지 않습니다.
Q. 들여쓰기 크기를 바꿀 수 있나요?: A. 현재는 2칸 들여쓰기로 고정되어 있습니다. 추후 옵션 추가가 예정되어 있습니다.