개발자 도구 / 15
HTML Minifier
브라우저에서 HTML을 파싱하고 주석을 제거한 다음 문서 공백을 신중하게 축소합니다.
HTML Minifier: TOEA는 브라우저 HTML 파서를 사용하고 주석 노드를 제거하며, preformatted, textarea, script, style 요소 외부의 텍스트 공백을 축소합니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.
- 카테고리
- 개발자 도구
- 실행 횟수
- 브라우저에서
- 비용
- 무료 · 가입 불필요
- 사용 가능 여부
- 사용 가능
브라우저에서 전부 실행됩니다
공백이 유지되는 곳
공백, 탭, 줄 바꿈이 연속으로 나타나면 사라지지 않고 하나의 공백이 됩니다. 인라인 콘텐츠 옆의 공백은 화면에 표시되기 때문입니다. Read <a href="/guide">the guide</a> now에서는 링크 양쪽의 공백이 모두 유지됩니다. 공백은 <p>, <li>, <div> 같은 블록 요소의 시작과 끝, 그리고 <li> 항목 사이의 들여쓰기처럼 브라우저에 표시되지 않는 곳에서만 제거됩니다. <pre>, <textarea>, <script>, <style> 내부의 텍스트는 입력된 그대로 유지됩니다.
CSS에 따라 제거된 공백이 다시 중요해질 수 있습니다. display: inline-block으로 스타일을 지정한 <div>나 white-space: pre-wrap이 적용된 문단은 HTML만으로는 보이지 않는 공백도 표시합니다. 따라서 배포하기 전에 렌더링된 페이지를 원본과 비교하십시오.
브라우저 파서가 변경하는 내용
컴포넌트 템플릿과 같은 조각은 조각으로 반환되고, doctype이나 <html>, <head>, <body> 태그가 포함된 입력은 전체 문서로 반환됩니다. 어느 경우든 마크업은 브라우저의 파서를 거칩니다. 닫히지 않은 태그는 닫히고, 잘못 배치된 요소는 파서가 정한 위치로 이동하며, 어떤 버전의 HTML doctype이든 <!doctype html>이 됩니다. 주석으로 작성된 프레임워크 마커를 포함해 모든 주석이 제거됩니다.
인라인 스크립트와 스타일은 입력된 그대로 유지됩니다. 내용은 JavaScript 축소기와 CSS 축소기로 별도로 축소하십시오.
사용 방법
- HTML을 붙여 넣습니다.
- HTML 축소를 선택합니다.
- 축소된 문서를 검토하고 다운로드합니다.
개인정보 보호 및 제한사항
문서는 로컬에 유지됩니다. 인라인 레이아웃에서는 공백이 의미를 가질 수 있으므로 생성된 페이지를 항상 테스트하십시오.
관련 도구
자주 묻는 질문
주석을 제거합니까?
예. 일반 HTML 주석을 제거합니다.
원본 파일을 보관해야 합니까?
예. 축소된 출력은 배포용 결과물이며, 편집하기 편한 형식이 아닙니다.
무료 도구 · 브라우저에서회 실행 · 계정 불필요