/ 개발자 도구 / 온라인 HTML 뷰티파이어 및 포맷터
무료 온라인 도구

온라인 HTML 뷰티파이어 및 포맷터

HTML 코드를 최대 500,000자까지 붙여넣고 들여쓰기 옵션을 선택하여 뷰티파이 또는 미니파이하세요. 브라우저에서 로컬로 처리됩니다. 처리는 브라우저에서 로…

사용 시작

HTML 포맷터의 주요 기능

이 도구는 HTML 태그 경계를 기준으로 텍스트를 분리하고, 여는 태그와 닫는 태그를 만날 때 들여쓰기를 변경합니다. 예를 들어 <div><p>Hello</p></div>를 뷰티파이하면 div, p, 텍스트, 닫는 태그가 각각 중첩된 줄에 표시됩니다.

미니파이 동작

미니파이는 HTML 주석과 닫는 꺾쇠 괄호와 다음 여는 꺾쇠 괄호 사이의 공백을 제거합니다. 요소 내부의 일반 텍스트 공백은 유지됩니다.

한계 및 주의사항

이 도구는 HTML 파서 대신 태그 패턴 휴리스틱을 사용합니다. br, hr, img, input, link, meta를 void 태그로 명시적으로 처리하지만, script, style, template, preformatted 텍스트, 일반적이지 않은 void 요소 또는 잘못된 마크업은 안전하게 들여쓰기되지 않을 수 있습니다. 또한 HTML을 살균하거나, 미리보기를 렌더링하거나, 접근성을 검증하거나, 마크업을 수리하거나, 스크립트를 실행하지 않습니다. 프로덕션에 안전한 미니파이 결과를 보장하지 않으므로, 소스를 교체하기 전에 결과를 검사하고 테스트하십시오.

자주 묻는 질문

Q1: 뷰티파이와 미니파이의 차이는 무엇인가요?

뷰티파이는 태그 구조에 따라 들여쓰기를 추가하여 가독성을 높입니다. 미니파이는 주석과 태그 사이의 불필요한 공백을 제거하여 파일 크기를 줄입니다.

Q2: 최대 입력 크기는 어떻게 되나요?

최대 500,000자까지 입력할 수 있습니다. 그 이상은 잘리거나 오류가 발생할 수 있습니다.

Q3: 결과가 항상 올바른가요?

아니요. 이 도구는 HTML 파서를 사용하지 않으므로 특수한 태그나 잘못된 마크업에서는 예상치 못한 결과가 나올 수 있습니다. 항상 결과를 직접 확인하세요.

체크리스트

  • 입력 HTML이 500,000자 이하인지 확인
  • 들여쓰기 옵션 선택
  • 뷰티파이 또는 미니파이 선택
  • 결과를 복사하여 원본과 비교
  • 특수 태그(script, style 등) 포함 시 수동 검증

처리는 브라우저에서 로컬로 수행됩니다.