HTML 포매터 - HTML 형식화 및 정리 온라인

입력

모드:

HTML 포매터(HTML 정리기라고도 함)는 들여쓰기가 잘못되거나 축소된 HTML을 받아 깔끔하고 올바르게 들여쓰기된 버전을 출력합니다. 각 태그 후에 줄바꿈을 추가하고 중첩된 요소를 들여써서 구조가 즉시 읽힐 수 있도록 합니다.

이 도구에는 두 가지 모드가 있습니다: 형식화(정리) 및 축소. 둘 다 브라우저에서 완전히 실행됩니다. 서버에는 데이터가 전송되지 않습니다.

형식화를 선택하여 올바른 들여쓰기로 HTML을 정리하거나, 축소를 선택하여 불필요한 공백과 주석을 제거합니다.

왼쪽 편집기에 HTML을 붙여넣거나 업로드를 사용하여 파일을 로드합니다. 예제를 클릭하여 예시를 시도해 보세요.

오른쪽 패널이 자동으로 업데이트됩니다. <strong>복사</strong> 또는 <strong>다운로드</strong>를 사용하여 결과를 저장합니다. HTML의 특수 문자를 이스케이프하려면 HTML 이스케이프 도구를 사용해 보세요.

아래는 형식화 전후의 간결한 HTML 스니펫입니다:

입력

출력

축소되거나 자동 생성된 HTML은 읽기 어려울 수 있습니다. 형식화는 들여쓰기를 추가하여 요소의 중첩 구조를 빠르게 볼 수 있게 합니다.

축소 모드는 반대로 합니다: 공백과 주석을 제거하여 파일 크기를 줄입니다. 전용 축소기를 원하시면 HTML 축소기 도구를 참조하세요.

아니요. 블록 요소 사이의 공백은 브라우저에서 시각적 효과가 없습니다. 형식화는 소스 코드의 가독성에만 영향을 미칩니다.

아니요. 모든 처리가 브라우저에서 실행됩니다.