HTML 정렬 및 압축기
복잡한 HTML의 들여쓰기를 정리하여 가독성을 높이거나, 코드를 압축하여 배포해 보세요. 잘못된 태그 검사 기능도 제공됩니다.
유효성 검사
HTML 정렬, 압축 및 검사는 브라우저 내에서 직접 처리됩니다. BroBroGo 서버로 어떠한 데이터도 전송되지 않습니다.
자주 묻는 질문
코드 정렬(Beautify)과 코드 압축(Minify)의 차이점은 무엇인가요?
'코드 정렬(Beautify)'은 마크업의 들여쓰기와 공백을 정리하여 읽고 편집하기 쉽게 만듭니다. 반면 '코드 압축(Minify)'은 브라우저에 필요하지 않은 공백과 주석을 제거하여 파일 크기를 줄이고 로딩 속도를 높입니다. 작업 중에는 정렬을 사용하고, 배포 전에는 압축을 사용하세요.
유효성 검사(Validation)를 켜면 무엇을 검사하나요?
닫히지 않았거나 짝이 맞지 않는 태그, 중복된 ID, 반복된 속성, 이스케이프되지 않은 문자 등 브라우저가 대충 넘어가기 쉬운 구조적인 문제를 감지하여 해당 행과 열의 위치를 표시해 줍니다. 이는 가벼운 구조적 검사이며, 전체 W3C 표준 적합성 보고서를 대체하는 것은 아닙니다.
코드를 압축하면 페이지가 다르게 보일 수 있나요?
아닙니다. 페이지의 렌더링과 동작은 완전히 동일하게 유지됩니다. 압축 과정에서 공백과 주석을 제거하고, 인라인 CSS 및 JavaScript를 압축하며, 선택적인 속성 따옴표를 생략하지만, 브라우저가 페이지를 동일하게 그리는 데 필요한 핵심 요소는 그대로 유지합니다. pre 태그와 같이 공백에 민감한 텍스트 블록은 전혀 건드리지 않습니다.