HTML 포맷터 및 미니파이어
지저분한 마크업을 읽기 쉬운 들여쓰기 HTML로 정리하거나 간결한 단일 줄 버전으로 압축하세요.
아래에 HTML을 붙여넣으세요:
결과:
포맷터는 간단한 태그 기반 들여쓰기를 사용하며 HTML 파싱의 모든 예외 상황을 처리하지 못할 수 있습니다. <pre> 및 <textarea> 내부의 콘텐츠는 축소 중에도 보존됩니다.
HTML을 포맷하거나 축소하는 방법
- 입력 상자에 HTML을 붙여넣으세요.
- 마크업을 정리하려면 포맷, 압축하려면 축소를 선택하세요.
- 처리를 클릭하고 결과 상자에서 출력을 확인하세요.
- 프로젝트에서 사용할 결과를 복사하세요.
자주 묻는 질문
포맷터는 무엇을 하나요?
태그 이름이나 속성을 변경하지 않고 중첩된 태그를 일관된 간격으로 들여써 문서 구조를 읽기 쉽게 합니다.
HTML 축소는 무엇을 하나요?
HTML 주석을 제거하고 태그 사이의 공백을 정리하여 파일 크기를 줄입니다. pre 및 textarea 태그 내부의 콘텐츠는 그대로 유지됩니다.
이 도구가 내 마크업에 안전한가요?
네. 처리는 브라우저에서만 이루어지며 HTML이 업로드되지 않습니다. 확실하지 않다면 원본을 백업해 두세요.
무료인가요?
네. 모든 Handio 도구는 무료이며 회원가입, 제한 및 워터마크가 없습니다.
관련 도구
HTML을 포맷하거나 축소하는 이유
포맷된 HTML은 훨씬 읽고 유지보수하기 쉬우며, 축소된 HTML은 프로덕션에서 더 빨리 로드됩니다. 이 도구는 지저분한 마크업을 정리하거나 압축된 한 줄로 줄입니다.
- 페이지를 편집하거나 디버깅하기 전에 축소된 HTML을 정리할 수 있습니다.
- 템플릿 출력을 축소해 페이지 무게와 로딩 시간을 줄일 수 있습니다.
- 생성되거나 스크랩된 마크업의 태그 구조를 검토할 수 있습니다.
팁 및 제한
포맷은 단순한 태그 기반 들여쓰기를 사용하므로 복잡하거나 특이한 HTML은 수동 조정이 필요할 수 있습니다. 모두 브라우저 안에서 실행되며 마크업이 업로드되지 않습니다.