HTML 정리

사용 방법

1. HTML을 붙여넣습니다. 입력하는 대로 정리됩니다.
2. 「압축」으로 바꾸면 들여쓰기와 주석을 걷어냅니다.
3. 공백 2칸·4칸·탭 중에서 고릅니다.
4. 결과를 복사하거나 파일로 내려받습니다.

자주 묻는 질문

조금 어긋난 문서도 정리되나요?

됩니다. 마크업을 트리로 파싱하지 않고 태그와 텍스트의 흐름으로 읽습니다. 정리하고 싶은 HTML은 대개 「이해하려고 하는 HTML」이고, 그것을 거부하는 도구는 쓸모가 없기 때문입니다. 닫지 않은 태그도 그대로 통과합니다.

글 사이의 공백이 깨지지 않나요?

깨지지 않습니다. 이 일에서 가장 까다로운 부분입니다. <b>하나</b>와 <i>둘</i> 사이의 공백은 화면에 나오므로 남기고, <div> 앞뒤의 공백은 나오지 않으므로 없앱니다. 인라인 요소는 주변 낱말과 같은 줄에 남습니다.

<pre> 안은 건드리나요?

한 글자도 건드리지 않습니다. <pre>와 <textarea> 안의 공백은 모두 화면에 나오므로 쓰인 그대로 내보내고, 왼쪽으로 당기지도 않습니다. script와 style은 공백에 의미가 없으므로 태그 아래로 맞춥니다.

압축하면 이름이 바뀌나요?

바뀌지 않습니다. 주석과 화면에 영향 없는 공백만 없앱니다. 이름도 순서도 그대로라 나온 문서는 넣은 문서와 똑같이 보입니다.

입력한 내용이 어디로 전송되나요?

아니요. 브라우저 안에서 동작하므로 붙여넣은 내용은 내 컴퓨터를 떠나지 않습니다.