도구 실행
HTML 포맷터는 정돈되지 않은 HTML 마크업을 계층 구조에 맞춰 정리하거나 파일 크기를 줄일 수 있도록 변환하는 도구입니다. 정렬 방식을 선택하면 태그 중첩 수준에 따라 0칸부터 8칸까지 지정한 간격으로 들여쓰기를 적용하여 코드 가독성을 높입니다. 간격을 비워두거나 지정 범위를 벗어난 값을 입력하면 기본값인 2칸 들여쓰기가 자동으로 적용됩니다. 반대로 압축 방식을 선택하면 조건부 주석을 제외한 일반 주석을 제거하고 태그 사이의 불필요한 연속 공백을 정리하여 간결한 형태로 출력합니다. 최대 1,000,000바이트 크기의 텍스트 입력을 지원하며, 입력 내용이 없거나 공백만 있는 경우에는 빈 결과를 반환합니다. 문법 오류가 있는 HTML이 전달되면 변환 오류 안내가 표시됩니다.
사용 방법
- 입력 상자에 정리가 필요한 HTML 코드를 붙여넣거나 직접 작성합니다.
- 원하는 작업 방식에서 정렬 또는 압축을 선택합니다.
- 정렬 방식을 사용할 경우 들여쓰기 공백 수를 0에서 8 사이의 숫자로 지정합니다.
- 실행 버튼을 누르면 변환된 HTML 코드가 결과 영역에 출력됩니다.
예시
- 한 줄로 이어진 <div><p>안녕하세요</p></div> 코드를 정렬 모드와 2칸 들여쓰기로 실행하여 태그별로 줄 바꿈과 들여쓰기가 적용된 마크업을 생성합니다.
- 주석과 불필요한 공백이 포함된 HTML 템플릿을 압축 모드로 실행하여 조건부 주석을 제외한 일반 주석을 지우고 연속 공백을 한 줄로 정리합니다.
자주 묻는 질문
들여쓰기 공백 수를 9 이상으로 지정하면 어떻게 처리됩니까?
들여쓰기 허용 범위인 0부터 8 사이를 벗어난 숫자를 지정하면 기본값인 2칸 들여쓰기가 자동으로 적용되어 변환됩니다.
압축 모드를 실행하면 모든 HTML 주석이 삭제됩니까?
일반 주석은 모두 제거되지만, Internet Explorer 호환 등을 위한 조건부 주석([if로 시작하는 주석)은 보존됩니다.
입력 가능한 HTML 코드의 최대 용량 제한은 얼마입니까?
UTF-8 기준 최대 1,000,000바이트까지 입력하여 처리할 수 있습니다. 해당 크기를 초과하면 오류가 반환됩니다.
구문 오류가 포함된 불완전한 HTML을 입력하면 어떻게 됩니까?
HTML 파싱 과정에서 처리할 수 없는 오류가 발생하면 정렬 결과 대신 HTML 파싱 오류 안내가 결과 영역에 표시됩니다.