HTML Formatter
지저분하거나 압축된 HTML을 들여써서 구조를 분명하게 만드세요.
HTML Formatter 사용 방법
- HTML을 붙여 넣으세요.
- 들여쓰기를 선택하세요.
- 포맷된 결과를 복사하세요.
HTML Formatter 소개
개발자 도구나 이메일 템플릿에서 페이지의 HTML을 복사하면 끝없이 긴 한 줄이 되기 쉽습니다. 이 포매터는 블록 요소를 각자의 줄에 놓고 자식을 부모 아래에 들여씁니다. <b>와 <a> 같은 인라인 요소는 텍스트 흐름 안에 남습니다.
<pre>, <textarea>, <code>의 내용은 공백이 중요하므로 건드리지 않습니다. 임베드된 스타일과 스크립트도 포맷됩니다.
자주 묻는 질문
포맷하면 페이지가 렌더링되는 방식이 바뀌나요?
보통은 아닙니다. HTML은 대부분의 공백을 공백 하나로 취급합니다. 인라인 요소 사이처럼 몇몇 곳에서는 줄바꿈이 눈에 보이는 공백을 추가할 수 있으므로 그에 민감한 페이지는 확인하세요.
잘못된 HTML을 고쳐 주나요?
아니요, 주어진 것을 포맷할 뿐입니다. 닫히지 않은 태그는 HTML Validator로 찾으세요.
인라인 CSS와 JavaScript도 포맷하나요?
네, style과 script 블록은 문서의 나머지 부분과 함께 들여쓰기됩니다.
HTML 이메일 템플릿은 어떤가요?
작동하지만 이메일 클라이언트는 까다롭다는 점을 기억하세요. 읽기용으로는 복사본을 포맷하고 발송용으로는 원본을 유지하세요.