HTML 포맷터
마크업을 붙여 넣으면 이 로컬 포맷터가 태그와 텍스트를 들여쓴 줄에 배치합니다. 두 칸 또는 네 칸을 선택하고 결과를 확인한 뒤 읽기나 검토용으로 복사하세요. HTML은 현재 브라우저 세션에 남습니다.
세 단계로 HTML 정리하기
-
1
마크업 붙여 넣기
확인할 HTML을 추가합니다. 서버로 전송되지 않습니다.
-
2
들여쓰기 선택
중첩 단계마다 두 칸 또는 네 칸을 사용합니다.
-
3
검토하고 복사
다른 곳에서 사용하기 전에 정리된 텍스트를 확인합니다.
이 포맷터가 하는 일
이 도구는 완전한 HTML 파서가 아니라 간단한 구조 읽기 도구입니다. 여는 태그, 닫는 태그, 주석, 선언, 텍스트를 별도 줄에 놓고 선택한 들여쓰기를 적용합니다. <img>, <br>, <meta> 같은 일반적인 빈 요소는 새 수준을 만들지 않습니다.
<pre>, <code>, <textarea>, <script>, <style>로 시작하는 블록은 입력된 그대로 한 덩어리로 유지됩니다. 마크업을 검증하거나 닫히지 않은 태그를 고치지 않으며, 속성을 줄바꿈하거나 자체 닫힘 문법을 통일하거나 CSS와 JavaScript의 의미를 해석하지 않습니다.
서식 지정은 일반 텍스트 노드 주변의 공백을 바꿀 수 있습니다. 결과는 읽기 쉬운 작업용 사본으로 취급하고 공백에 민감한 템플릿을 저장하거나 게시하기 전에 비교하세요. 검증에는 HTML 검사기를 사용하세요.
자주 묻는 질문
아니요. 정리와 복사는 브라우저에서 이루어집니다. 퍼널 단계는 입력을 세션 저장소에 일시적으로만 보관합니다.
아니요. 단순한 들여쓰기만 적용하며 마크업이 유효한지 또는 의미상 올바른지 판단할 수 없습니다.
아니요. 완전한 script 및 style 블록은 입력된 상태로 유지됩니다.
관련 도구
2진수 8진수 변환기
비트를 세 개씩 묶어 2진수를 8진수로 변환합니다. Unix 권한, 레거시 시스템, 간결한 숫자 표시에 유용합니다.
BBCode → HTML 변환기
BBCode(게시판 마크업)를 깔끔한 HTML로 변환합니다. 서식 태그, 목록, 인용, 코드, 이미지, 링크, 표를 처리합니다.
Base64 → Hex 변환기
Base64 문자열을 실제 바이트로 디코딩한 뒤 16진수로 표현합니다. 토큰, 키, 인증서, JWT를 살펴볼 때 유용합니다.
불 대수 간소화 도구
Karnaugh map과 Quine-McCluskey 알고리즘으로 불 대수 식을 간소화합니다. 모든 최소화 단계와 최종 SOP/POS 형태를 보여줍니다.
랜덤 영어 글자 생성기
A-Z 영어 글자를 무작위로 생성합니다. 개수와 대문자, 소문자, 혼합 대소문자를 선택해 게임, 과제, 수업 활동에 활용하세요.
랜덤 색상 팔레트 생성기
2~15개의 색상으로 랜덤 팔레트를 만들고, 비비드, 파스텔, muted, dark 스타일을 선택한 뒤 HEX 코드나 CSS 변수를 복사하세요.