Softonic

HTML 포맷터

단계 1 / 3
다음

마크업을 붙여 넣으면 이 로컬 포맷터가 태그와 텍스트를 들여쓴 줄에 배치합니다. 두 칸 또는 네 칸을 선택하고 결과를 확인한 뒤 읽기나 검토용으로 복사하세요. HTML은 현재 브라우저 세션에 남습니다.

세 단계로 HTML 정리하기

  1. 1

    마크업 붙여 넣기

    확인할 HTML을 추가합니다. 서버로 전송되지 않습니다.

  2. 2

    들여쓰기 선택

    중첩 단계마다 두 칸 또는 네 칸을 사용합니다.

  3. 3

    검토하고 복사

    다른 곳에서 사용하기 전에 정리된 텍스트를 확인합니다.

이 포맷터가 하는 일

이 도구는 완전한 HTML 파서가 아니라 간단한 구조 읽기 도구입니다. 여는 태그, 닫는 태그, 주석, 선언, 텍스트를 별도 줄에 놓고 선택한 들여쓰기를 적용합니다. <img>, <br>, <meta> 같은 일반적인 빈 요소는 새 수준을 만들지 않습니다.

<pre>, <code>, <textarea>, <script>, <style>로 시작하는 블록은 입력된 그대로 한 덩어리로 유지됩니다. 마크업을 검증하거나 닫히지 않은 태그를 고치지 않으며, 속성을 줄바꿈하거나 자체 닫힘 문법을 통일하거나 CSS와 JavaScript의 의미를 해석하지 않습니다.

서식 지정은 일반 텍스트 노드 주변의 공백을 바꿀 수 있습니다. 결과는 읽기 쉬운 작업용 사본으로 취급하고 공백에 민감한 템플릿을 저장하거나 게시하기 전에 비교하세요. 검증에는 HTML 검사기를 사용하세요.

자주 묻는 질문

아니요. 정리와 복사는 브라우저에서 이루어집니다. 퍼널 단계는 입력을 세션 저장소에 일시적으로만 보관합니다.

아니요. 단순한 들여쓰기만 적용하며 마크업이 유효한지 또는 의미상 올바른지 판단할 수 없습니다.

아니요. 완전한 script 및 style 블록은 입력된 상태로 유지됩니다.

관련 도구

ASCII 표 참조

NUL, LF, DEL 같은 제어 문자를 포함해 모든 문자에 대한 10진수, 16진수, 8진수, 2진수, HTML 숫자 문자 참조를 담은 0부터 127까지의 전체 ASCII 표.

HTML 문자 참조

HTML 엔티티의 검색 가능한 목록, 각 엔티티의 이름 및 숫자 코드, 그리고 특수 문자 및 기호에 대한 1클릭 복사 기능을 제공합니다.

FPS 카운터

requestAnimationFrame으로 브라우저 FPS를 측정하세요. 스무딩, 최소/최대 프레임레이트, 경고 임계값, 선택형 그래프를 제공합니다. 업로드나 API 없이 로컬에서 실행됩니다.

키보드 단축키 참고표

macOS, Windows, Linux에서 VS Code, Chrome, GNU Readline을 쓰는 Bash의 문서화된 기본 단축키를 검색합니다.

보색 찾기

어떤 입력에 대해서도 보색을 찾습니다. HSL 반대 색, 분할 보색 쌍, 그리고 접근성 있는 조합 제안을 반환합니다.

색상 틴트 생성기

기준 색의 밝은 틴트를 생성합니다. 디자인 시스템 토큰, 배경, 호버 상태를 위한 3-20단계 스케일.

이 도구는 다른 언어로도 제공됩니다