HTML 포매터
지저분한 HTML을 일관된 간격으로 정렬하고 다시 들여쓰기합니다. 모두 브라우저 안에서 로컬로 처리되며, 붙여 넣고 포맷한 뒤 복사하면 됩니다 — 아무것도 업로드되지 않습니다.
관련
HTML 포매터 가이드
JSON 파싱 오류: 메시지를 읽고, 해결로 바로 이동
JSON 파서 오류 메시지와 각각을 설명하는 문서의 디렉터리 —— 먼저 엄격한 검증기로 확인하고, 그다음 구체적인 구문 문제로 파고듭니다.
잘못된 JSON 수정: '무엇이 잘못됐는지'에서 깨끗한 파일로
거의 맞아 보이는 JSON 복구 —— 후행 쉼표, 작은따옴표, 따옴표 없는 키 —— '거의 JSON'을 허용하는 스마트 포매터를 사용한 뒤 엄격하게 검증합니다.
JSON 포매터, 검증기, 뷰어: 알맞은 도구 고르기
포매터, 검증기, 뷰어, 압축기, 비교를 나란히 비교하고, API 페이로드를 검토할 때 이들을 연결하는 순서를 제시합니다.
온라인 HTML 포매터 & 정렬 도구
압축되었거나 지저분한 HTML 을 붙여 넣고 Format 을 클릭하면 일관되고 읽기 좋은 들여쓰기로 정렬됩니다. 이 온라인 HTML 포매터는 전적으로 브라우저 안에서 동작합니다 —— 아무것도 업로드되지 않으므로 내부 템플릿이나 프로덕션 마크업에 안전합니다.
- HTML 정렬 —— 한 줄짜리거나 들쭉날쭉한 마크업을 깔끔한 들여쓰기 트리로 바꿉니다
- 들여쓰기 너비 선택 —— 스페이스 2 또는 4
- 콘텐츠 보존 —— 텍스트,
<script>,<style>,<pre>블록을 그대로 유지합니다 - 비공개 —— 업로드 없이 로컬에서 동작하는 HTML 정렬 도구
안전하게 HTML 포맷하기
포매터는 콘텐츠를 다시 쓰지 않고 중첩 깊이에 따라 태그를 다시 들여씁니다. <br>, <img>, <input> 같은 빈(void) 요소도 올바르게 처리되며, <script>, <style>, <pre>, <textarea> 의 내용은 그대로 두어 아무것도 깨지지 않습니다.
포맷하면서 마크업이 렌더링된 모습을 보고 싶다면 HTML 뷰어를 사용하세요. 대신 구조화된 데이터를 보기 좋게 출력하려면 XML 포매터 또는 JSON 에서 XML 로를 사용해 보세요.
FAQ
HTML 을 온라인에서 어떻게 포맷하나요?
HTML 을 붙여 넣고 들여쓰기 너비를 선택한 뒤 Format 을 클릭하세요. 정렬 도구가 마크업을 중첩 깊이에 따라 다시 들여쓰며, 결과를 복사할 수 있습니다 —— 모두 브라우저 안에서 처리됩니다.
내 콘텐츠가 바뀌나요?
아니요. 태그 사이의 공백과 들여쓰기만 조정합니다. 텍스트와 <script>, <style>, <pre> 의 내용은 보존됩니다.
HTML 이 서버로 업로드되나요?
아니요 —— 포맷은 브라우저 안에서 로컬로 이루어지므로 기밀이거나 내부용 마크업에도 안전합니다.