HTML 포매터 및 압축기
HTML을 깔끔하게 들여쓴 마크업으로 정리하거나, 실제 사이트용으로 작게 줄이세요.
HTML 포매터 사용 방법
HTML 붙여넣기
페이지나 코드 조각을 붙여넣거나 .html 파일을 열거나 끌어다 놓으세요. 입력하는 대로 바로 정리됩니다.
정리 또는 압축
보기 좋게 정리는 모든 태그를 공백 2칸, 4칸 또는 탭으로 들여씁니다. 압축은 주석과 화면에 보이지 않는 공백을 지웁니다.
복사 또는 다운로드
결과를 복사하거나 .html 파일로 다운로드하세요. 압축하면 줄어든 바이트 수를 볼 수 있습니다.
Utils365를 선택해야 하는 이유
안전한 압축
<pre>, <textarea>, <script>, <style>의 내용은 절대 건드리지 않고 인라인 태그 사이에는 공백 하나를 남기므로 페이지 모양이 그대로입니다.
읽기 쉬운 마크업
중첩된 태그가 단계마다 한 칸씩 들여쓰여, 한 줄로 뭉쳐 있던 페이지도 읽고 고치기 쉬워집니다.
절약한 용량 확인
압축하는 즉시 전후 크기와 줄어든 비율이 표시됩니다.
안전한 프라이버시
HTML은 브라우저에서 정리되고 절대 업로드되지 않으므로 공개 전 페이지와 템플릿이 내 기기에만 남습니다.
자주 묻는 질문
HTML 압축기는 무엇을 지우나요?
주석, 줄바꿈과 들여쓰기, 그리고 브라우저가 표시하지 않는 태그 사이의 공백입니다. 오래된 Internet Explorer 조건부 주석은 여전히 동작하므로 남겨 둡니다.
압축하면 페이지 모양이 바뀌나요?
바뀌지 않아야 합니다. <div>나 <p> 같은 블록 요소 옆의 공백은 보이지 않으므로 지웁니다. 링크나 버튼 같은 인라인 요소 사이에서는 공백이 보이므로 하나를 남깁니다.
스크립트와 스타일도 바뀌나요?
아니요. <script>와 <style>의 내용은 작성한 그대로 유지됩니다. 이것들도 줄이려면 JavaScript 포매터와 CSS 포매터를 사용하세요.
<pre>는 왜 그대로 두나요?
<pre>와 <textarea> 안에서는 모든 공백과 줄바꿈이 페이지에 그대로 보이므로, 하나라도 지우면 방문자가 보는 내용이 달라집니다.
깨진 HTML도 고쳐 주나요?
아니요. 레이아웃만 바뀌고 태그는 그대로입니다. 빠진 닫는 태그도 그대로이니 들여쓰기를 확인하세요. 닫히지 않은 태그가 있으면 그 뒤의 모든 내용이 한 단계 더 들여쓰입니다.