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