매일 손이 가는 개발자 도구를 한곳에.

변환기, 포맷터, 해시, 검증기, 그리고 계속 다시 열게 되는 작은 유틸리티들이 여러 탭에 흩어지지 않고 한자리에 모여 있습니다.

/ 도구

■

/ 도구 찾기

도구 109개

/ HTML 포매터

HTML 입력

/ 선택한 도구

■

HTML 포매터 - 무료 포맷터 도구

적절한 들여쓰기로 HTML 코드를 포맷하고 정돈합니다

■ 01

HTML 포맷팅이란?

HTML 포맷팅은 일관된 들여쓰기와 줄바꿈 패턴을 따르도록 HTML 코드를 재구성합니다. 이렇게 하면 코드가 더 읽기 쉽고 유지보수하기 쉬워집니다. 압축은 불필요한 공백과 주석을 모두 제거해…

■ 02

어떻게 작동하나요?

포맷팅은 HTML 태그를 파싱해 중첩 수준에 따라 적절한 들여쓰기를 추가합니다. <img>와 <br> 같은 자체 종료 및 void 요소는 적절히 처리됩니다. 압축은 주석을 제거하고 공백을 압축합니다. 포맷…

■ 03

예시 사례

단순 구조, 속성 포함, 복잡한 중첩을 다루므로 일반적인 입력과 출력을 빠르게 비교할 수 있습니다.

/ 관련 도구

/ 코드

■

선택한 도구의 소스 코드로, 오른쪽의 실시간 버전과 함께 여기에 표시됩니다.

/ 소스 코드

TypeScript

typescript

// Simple HTML formatter

function formatHtml(html: string): string {
  if (!html.trim()) return '';

  const indentStr = '  ';
  let indentLevel = 0;
  const result: string[] = [];

  const voidElements = new Set([