올인원 HTML 도구 상자: 포맷/정렬, 축소/압축, 구문 검증, 실시간 렌더링 미리보기.
모든 처리는 브라우저에서 로컬로 이루어집니다 — 데이터는 어떤 서버로도 업로드되지 않습니다.
모드:
입력 HTML
출력
사용법: HTML을 왼쪽 텍스트 영역에 붙여넣고, 모드를 고르고, 처리를 누르세요.
포맷: 설정 가능한 들여쓰기(2/4칸 또는 탭)로 HTML을 정렬합니다. 주석, doctype, <script>/<style> 내용을 유지합니다.
축소: 불필요한 공백을 모두 제거해 가장 압축된 HTML을 만듭니다. <pre>와 <textarea> 안의 공백은 유지합니다.
검증: HTML 태그 짝맞춤과 void 요소 규칙을 검사하고 흔한 중첩 오류를 행/열 번호와 함께 보고합니다.
미리보기: 샌드박스 iframe에서 HTML을 렌더링해 브라우저에서 어떻게 보이는지 정확히 확인합니다.
파싱과 포맷
HTML 파서는 너그럽습니다 — 태그를 자동으로 닫고 오류에서 복구하기 때문에 지저분한 마크업도 렌더링됩니다. 포매터는 그 파싱된 구조를 정규화된 들여쓰기로 다시 내보내고, 축소기는 파서가 접을 수 있는 공백으로 보는 것을 제거합니다.
공백은 인라인 요소 사이에서만 중요합니다 — 블록 요소는 주변 공백을 접기 때문에 축소가 대개 안전합니다.
