HTML 포맷터

이는 블록 및 인라인 인식 들여쓰기로 마크업을 아름답게 하거나 공백을 축소하고 주석을 제거하여 마크업을 최소화하는 HTML 포맷터예요. 아름답게 만들 때 들여쓰기 크기를 선택해요.

미화는 중첩 방법에 따라 요소를 들여쓰기하므로 어떤 요소가 어떤 요소를 포함하는지 문서의 구조가 명확해져요. 따라서 손으로 작성하거나 생성한 HTML을 훨씬 쉽게 읽고 디버깅할 수 있어요.

Beautify와 Minify는 모두 브라우저에서 완전히 실행되므로 마크업이 기기를 떠나지 않아요.

사전, 텍스트 영역, 스크립트 및 스타일의 내용은 의도적으로 그대로 둬요. 해당 요소 내부의 공백은 중요하기 때문이에요. 다시 포맷하면 미리 서식이 지정된 텍스트, 사용자가 입력하는 내용 또는 코드의 의미가 변경돼요.

축소는 주석을 제거하고 공백을 축소하여 브라우저가 다운로드해야 하는 파일 크기를 줄이에요. 프로덕션 페이지의 빌드 단계로 가장 유용해요.

축소기는 태그를 완전히 제거하는 대신 태그 사이에 단일 공백을 유지해요. 인라인 요소 사이의 공백이 실제로 렌더링되고 이를 삭제하면 레이아웃이 바뀔 수 있기 때문이에요. 이 주의 사항은 공격적인 축소 프로그램으로 인해 발생할 수 있는 미묘한 시각적 버그를 방지해요.