HTML 포매터

HTML 들여쓰기를 정리하고 공백 처리를 조절합니다.

프런트엔드 및 디자인
작업 공간 준비 중…
입력
출력
결과가 여기에 표시됩니다.

사용 방법

  1. 텍스트를 붙여넣거나 UTF-8 파일 또는 샘플을 사용하세요.
  2. 입력과 설정을 선택한 뒤 실행하거나 자동 실행을 켜세요.
  3. 결과를 검토하고 복사하거나 다운로드하세요. 입력 변경 시 이전 결과는 무효가 됩니다.

HTML 포매터

HTML 들여쓰기를 정리하고 공백 처리를 조절합니다.

처리는 브라우저에서 이루어지며 입력을 DevToolsy로 전송하지 않습니다.

작동 원리

Prettier가 HTML을 소스 텍스트로 서식 지정합니다. 입력을 렌더링하거나 스크립트를 실행하지 않습니다. script 및 style 내부 코드는 따로 서식 지정하지 않습니다.

처리 전후
입력
<main><h1>Project notes</h1><p>Built with <strong>care</strong> for the web.</p><ul><li>Fast</li><li>Local</li></ul></main>
출력
<main>
  <h1>Project notes</h1>
  <p>Built with <strong>care</strong> for the web.</p>
  <ul>
    <li>Fast</li>
    <li>Local</li>
  </ul>
</main>

HTML 들여쓰기를 정리하고 공백 처리를 조절합니다.

옵션과 데이터 보존

CSS 고려, 엄격, 무시 모드와 들여쓰기 및 줄 너비를 선택하세요. 기본은 CSS이며 공백 무시는 인라인 콘텐츠의 표시 간격을 바꿀 수 있습니다.

결과 사용하기

의미, 접근성, 위험한 마크업은 감사하지 않습니다. 프로젝트에서 결과를 검토하고 게시 전에 전용 검증 도구를 사용하세요.

결과를 검토하고 복사하거나 다운로드하세요. 입력 변경 시 이전 결과는 무효가 됩니다.

처리 한도

UTF-8 입력은 문서당 1 MiB, 출력은 8 MiB까지입니다. JSONPath와 Schema는 5초, 나머지는 30초 제한입니다.

?

자주 묻는 질문

HTML을 렌더링하거나 실행하나요?

Prettier가 HTML을 소스 텍스트로 서식 지정합니다. 입력을 렌더링하거나 스크립트를 실행하지 않습니다. script 및 style 내부 코드는 따로 서식 지정하지 않습니다.

의미 있는 공백은 어떻게 처리하나요?

CSS 고려, 엄격, 무시 모드와 들여쓰기 및 줄 너비를 선택하세요. 기본은 CSS이며 공백 무시는 인라인 콘텐츠의 표시 간격을 바꿀 수 있습니다.

접근성이나 보안을 검사하나요?

아니요. 의미, 접근성, 위험한 마크업은 감사하지 않습니다. 프로젝트에서 결과를 검토하고 게시 전에 전용 검증 도구를 사용하세요.

입력이 업로드되나요?

처리는 브라우저에서 이루어지며 입력을 DevToolsy로 전송하지 않습니다.

로컬 파일을 열 수 있나요?

UTF-8 입력 최대 1 MiB · 출력 최대 8 MiB

다음에 쓸 도구 찾기

언어

언어를 변경할까요? 현재 작업 내용이 지워집니다. 필요한 데이터를 먼저 복사하거나 다운로드하세요.