이 포맷터는 읽기 쉬운 구조에 집중합니다. 중첩된 요소를 알맞은 깊이에 놓고 속성, 주석, 선언, 텍스트 내용은 그대로 보이게 합니다. 주석을 지우거나 파일 크기를 줄이지 않으므로 HTML minifier와 용도가 다릅니다. 마크업은 로컬에서 처리되며 업로드되지 않습니다.
무료 HTML 포맷터
브라우저에서 바로 실행됩니다. 업로드도, 회원가입도 없습니다.
HTML
포맷된 HTML
포맷할 HTML을 붙여 넣으세요
HTML 포맷터는 무엇을 하나요?
HTML 포맷터는 압축되어 있거나 들여쓰기가 고르지 않은 마크업을 읽기 쉽고 일정하게 정리된 HTML로 바꿉니다. 문서나 조각을 붙여 넣고 공백 2개, 공백 4개 또는 탭을 고른 뒤 결과를 복사하면 됩니다. HTML5 void 요소, 자주 생략되는 닫는 태그, script와 style의 raw text까지 브라우저 안에서 구분해 처리합니다.
사용 방법
- 1HTML 붙여넣기. 전체 HTML 문서, 템플릿 또는 조각을 입력 편집기에 넣거나 예제를 불러옵니다.
- 2들여쓰기 선택. 공백 2개, 공백 4개 또는 탭을 선택합니다. 포맷된 출력이 바로 갱신됩니다.
- 3구조 확인. 요소, 속성, 깊이 수치를 확인한 뒤 들여쓰기된 결과를 살펴봅니다.
- 4결과 복사. 포맷된 HTML을 복사해 편집기, CMS 또는 코드 리뷰에 붙여 넣습니다.
이런 분께 추천
- 프론트엔드 개발자가 중첩 문제를 디버깅하거나 diff를 검토하기 전에 압축된 템플릿을 정리할 때.
- 이메일 개발자가 비공개 캠페인 HTML을 서버로 보내지 않고 내보낸 뉴스레터 마크업을 읽기 쉽게 만들 때.
- CMS 편집자가 복사한 컴포넌트나 페이지 조각의 class, 링크, 내용을 수정하기 전에 구조를 풀어볼 때.
- 학습자가 일정한 들여쓰기를 통해 실제 HTML 문서의 부모와 자식 구조를 살펴볼 때.
자주 묻는 질문
HTML 포맷터는 무료인가요?
네. 가입, 다운로드, 사용량 제한 없이 무료로 사용할 수 있습니다. HTML 문서나 조각을 붙여 넣고 들여쓰기 방식을 고른 다음 브라우저에서 바로 결과를 복사하세요.
내 HTML이 어딘가로 업로드되나요?
아니요. 포맷은 브라우저에서 로컬로 처리됩니다. 붙여 넣은 HTML이 서버로 전송되지 않으므로 내부 템플릿, 아직 공개하지 않은 랜딩 페이지, 이메일 마크업, 비공개 URL이나 식별자가 든 snippet에도 사용할 수 있습니다.
HTML을 얼마나 많이 포맷할 수 있나요?
업로드가 없으므로 서버에서 정한 고정 한도도 없습니다. 아주 큰 문서는 브라우저와 기기의 메모리에 따라 달라지지만, 일반적인 페이지, 컴포넌트, 이메일 템플릿, 복사한 소스 조각은 빠르게 처리됩니다.
닫는 태그가 없는 요소도 처리하나요?
네. img, br, input, meta, link처럼 닫는 태그가 필요 없는 HTML5 void 요소를 인식합니다. 목록 항목, 문단, option, 표의 행과 셀에서 생략할 수 있는 닫는 태그도 들여쓰기 계산에 반영합니다.
script와 style 내용도 바뀌나요?
포맷터는 script와 style 본문을 raw text로 처리합니다. 비교 연산자, CSS 선택자, less-than 기호가 든 문자열을 HTML 태그로 착각하지 않습니다. 블록 들여쓰기는 조정하지만 JavaScript나 CSS 자체는 다시 쓰지 않습니다.
잘못된 HTML을 검증하거나 고쳐 주나요?
아니요. 이 도구는 표준 validator나 자동 복구 서비스가 아니라 포맷터입니다. 닫히지 않은 주석, 선언, 태그, raw-text 요소는 분명하게 알리지만 HTML에서 허용하는 닫는 태그 생략은 받아들입니다. 표준 적합성을 확인하려면 Nu HTML Checker를 사용하세요.
HTML 포맷터와 minifier는 어떻게 다른가요?
포맷터는 사람이 마크업을 읽고 수정하기 쉽도록 줄바꿈과 들여쓰기를 더합니다. Minifier는 전송 크기를 줄이기 위해 선택적 공백을 없애고 주석을 지울 수도 있습니다. 이 페이지는 HTML을 포맷만 하며 주석과 보이는 내용을 의도적으로 유지합니다.