HTML 코드 포맷팅
원하는 형식으로 HTML 코드를 정형
특징
다양한 들여쓰기 지정
2~4 스페이스와 탭에서 정형 스타일을 선택
미니파이 압축도 지원
불필요한 공백이나 줄바꿈을 제거해 코드를 최소화
태그명의 대소문자 통일
태그·속성명을 소문자 또는 대문자로 일괄 변환
주석의 일괄 삭제 지원
HTML 내의 주석을 한꺼번에 제거해 경량화
사용 방법
HTML 코드 입력
문자열 탭에 직접 붙여넣거나 파일 탭에서 불러오기
정형 옵션 지정
들여쓰기 폭·태그명의 대소문자·주석 삭제를 선택
정형 버튼을 눌러 실행
정형 후의 코드를 확인하고 복사나 파일 저장으로 활용
활용 사례
흐트러진 소스의 가독화
들여쓰기가 무너진 HTML을 읽기 쉬운 형태로 정돈
공개 전 코드의 압축
미니파이로 전송량을 줄여 표시 속도 개선에 활용
코딩 규약으로의 통일
태그명의 대소문자나 들여쓰기를 팀 기준으로 맞추기
수령 코드의 구조 파악
받은 HTML을 정형해 구조를 빠르게 확인
기본 지식
미니파이(압축)란
미니파이란 동작에 영향을 주지 않는 줄바꿈·들여쓰기·주석을 제거하여 HTML을 작게 하는 처리를 말하며, 파일의 전송량이 줄어들어 페이지 로딩 속도가 빨라집니다.
정렬해도 표시가 변하지 않는 이유
HTML에서는 연속되는 공백이나 줄바꿈은 원칙적으로 1개의 공백으로 처리되므로, 들여쓰기를 정렬해도 줄바꿈을 추가해도 브라우저에서의 모양은 거의 변하지 않습니다. 이러한 특성이 있기 때문에 사람이 읽기 쉬운 형태로 자유롭게 정렬할 수 있습니다.
안전성과 개인정보 보호
브라우저 내 처리
입력 데이터는 사용 중인 브라우저 내에서만 처리되며 외부로 전송되지 않습니다.
브라우저 내에서만 처리
HTML 코드의 정형는 모두 사용 중인 브라우저 내에서 처리되며, 입력 데이터는 서버로 전송되지 않습니다.
통신은 HTTPS로 암호화
페이지 로드도 TLS로 암호화되어 제3자가 내용을 읽을 수 없습니다.
제3자로의 전송 없음
광고 네트워크나 트래커 등 외부 서비스로 입력 내용을 전송하지 않습니다.
결과 자동 저장 없음
정형한 코드나 입력 제안을 서버에 저장하지 않습니다.
Google 검색에서 RAKKOTOOLS 팔로우하기
175개의 편리한 도구를 Google 검색·AI 검색에서 더 쉽게 찾을 수 있습니다!
- 검색에서 발견
- AI 검색에서도 표시
- 새 도구도 발견