05 / CODE & FORMATTING
HTML Pretty
HTML 코드를 정리하고, 구조를 쉽게 읽어 보세요.
사용법 보기준비
입력한 내용과 파일은 브라우저 안에서만 처리됩니다.서버 전송 없음
QUICK GUIDE
HTML, 읽기 좋은 코드로.
코드를 붙여넣고 들여쓰기를 선택하세요. 원본 파일은 변경되지 않으며, 결과는 필요한 때 복사하거나 저장할 수 있습니다.
- 01
코드 입력 또는 파일 열기
UTF-8 HTML 파일을 열거나 코드를 붙여넣으세요. 예시 버튼으로 먼저 살펴볼 수 있습니다.
- 02
원하는 들여쓰기 선택
들여쓰기 너비를 선택한 뒤 코드 정리하기를 누르세요. 문법 오류가 있으면 아래에 표시합니다.
- 03
결과 확인하고 저장
복사 또는 다운로드로 결과를 가져가세요. 코드를 편집하면 이전 결과는 초기화됩니다.
TRY AN EXAMPLE
간단한 코드부터 시작하세요.
<main><h1>GreatJIN</h1></main>상단의 예시 버튼을 누르면 직접 정리해 볼 수 있습니다.
자주 묻는 질문
입력한 HTML이 실행되나요?
입력과 결과는 코드 텍스트로만 표시합니다. HTML을 페이지에 삽입하거나 스크립트를 실행하지 않습니다. 다운로드한 HTML 파일을 직접 열 때는 브라우저가 실행할 수 있습니다.
태그 사이 공백은 어떻게 처리하나요?
기본값은 HTML 요소의 기본 표시 방식(CSS 기준)을 따릅니다. 모든 공백 중요(strict)를 선택하면 태그 사이 공백을 더 엄격하게 고려합니다. 사용자 CSS로 표시 방식을 바꾼 문서는 결과를 확인해 주세요.
script와 style 내용도 정리하나요?
내부 JavaScript와 CSS의 별도 포맷은 꺼져 있습니다. 이 도구는 HTML 구조를 정리하며 pre 등 공백에 민감한 영역도 고려합니다.