Utilz
HTML 포맷터
HTML 코드를 정리하거나 압축하세요
이 도구를 사용하는 이유
- 복잡한 HTML을 깔끔하고 읽기 쉬운 코드로 즉시 정리합니다.
- 인라인 요소와 블록 요소를 스마트하게 처리합니다.
- 포맷팅된 출력의 줄 수를 표시합니다.
사용 방법
- HTML 코드를 입력 영역에 붙여넣으세요
- 원하는 들여쓰기 크기(2 또는 4칸)를 선택하세요
- 포맷팅된 HTML이 오른쪽에 자동으로 표시됩니다
- 압축 버튼으로 HTML을 최소 크기로 압축할 수 있습니다
FAQ
인라인 요소를 보존하나요?
네. <span>, <a>, <strong>, <em> 같은 인라인 요소는 부모와 같은 줄에 유지하고, 블록 요소는 올바른 들여쓰기와 함께 별도의 줄에 배치합니다.
HTML을 압축할 수 있나요?
네. 압축 버튼을 클릭하면 불필요한 공백을 제거하여 HTML을 압축합니다.
자체 닫힘 태그를 처리하나요?
네. <br/>, <img/>, <input/>, <hr/> 같은 자체 닫힘 태그는 들여쓰기에 영향을 주지 않고 올바르게 처리됩니다.
HTML 데이터가 안전한가요?
네. 모든 처리가 JavaScript를 사용하여 브라우저에서 이루어집니다. 데이터가 서버로 전송되지 않습니다.