HTML 포맷터
읽기 어려운 HTML 마크업을 일관된 들여쓰기와 줄바꿈으로 정리합니다. HTML의 인라인 요소 사이 공백은 문장 의미에 영향을 줄 수 있어 모든 태그의 공백을 중요하게 취급하는 방식으로 포맷합니다. 입력은 텍스트로만 처리하며 미리보기 화면에 삽입하거나 실행하지 않습니다.
주요 기능
- 2칸 또는 4칸 들여쓰기 선택
- 권장 줄 너비 80·100·120 선택
- 엄격한 HTML 공백 처리와 LF 줄바꿈
- script·style 내장 언어의 추가 포맷 비활성화
사용 방법
- HTML 원문 또는 HTML 조각을 입력합니다.
- 들여쓰기와 권장 줄 너비를 선택합니다.
- 실행하고 결과에서 태그 구조와 공백을 확인합니다.
- 결과를 복사해 원래 페이지의 실제 표시·접근성·스크립트 동작을 별도로 검사합니다.
활용 예시
- 한 줄로 전달받은 HTML 템플릿 읽기
- 코드 리뷰 전에 태그 들여쓰기 통일
- 문서 예제의 마크업 구조 정리
자주 묻는 질문
브라우저 화면도 미리 볼 수 있나요?
이 도구는 코드 포맷 전용이며 입력 HTML을 페이지에 렌더링하지 않습니다. script, iframe, 이미지 URL이 있어도 입력 마크업을 실행하거나 불러오지 않습니다.
줄 너비를 80으로 정했는데 더 긴 줄이 남는 이유는 무엇인가요?
줄 너비는 강제 글자 수 제한이 아닌 포맷 기준입니다. 긴 URL·속성 값이나 공백 의미를 바꾸지 않고 나눌 수 없는 내용은 더 길게 출력될 수 있습니다.
왜 일부 태그 사이에 예상과 다른 줄바꿈이 있나요?
Prettier의 htmlWhitespaceSensitivity: strict를 사용하여 모든 태그 주변의 공백을 중요하게 취급합니다. 태그 경계의 줄바꿈 위치는 이 규칙에 따라 결정되며 화면 레이아웃 검증은 별도로 필요합니다.
script와 style 내용도 정리하나요?
내장 언어 포맷을 꺼서 JavaScript·CSS 내용을 이 도구가 별도로 포맷하지 않습니다. HTML 태그 자체는 정리될 수 있습니다. JavaScript 압축과 CSS 압축은 각 전용 도구를 사용하세요.
잘못된 HTML을 자동으로 고쳐주나요?
포맷 가능한 HTML 문법을 대상으로 하며 HTML 표준 적합성·접근성·보안 검사를 대신하지 않습니다. 파서가 처리하지 못하는 구문은 오류로 표시합니다. 결과가 나왔다고 올바른 페이지라고 확정하지 않습니다.
원문 형식과 크기 제한은 어떻게 되나요?
최대 100,000 UTF-16 코드 단위를 처리합니다. 들여쓰기·줄바꿈 등 소스 표기는 달라지며 줄바꿈은 LF가 됩니다. 원본 파일은 별도 보관하고 템플릿 엔진 문법의 결과는 직접 확인하세요.
개인정보 안내
입력과 결과는 브라우저 메모리에서 처리하며 이 도구가 서버로 전송하거나 저장하지 않습니다. 새로고침하면 지워집니다. 사이트 공통 광고·방문 분석은 별도로 작동할 수 있으며 도구 사용 집계에는 입력·출력 원문이 포함되지 않습니다.
댓글과 질문