코드 포매터

HTML Formatter

HTML 문서와 코드 조각을 2칸 또는 4칸 들여쓰기로 정리하고 태그, 속성과 지원되는 삽입 코드를 정돈합니다.

Ctrl / ⌘ + Enter로 실행
읽기 전용 결과

HTML 문서와 코드 조각을 2칸 또는 4칸 들여쓰기로 정리하고 태그, 속성과 지원되는 삽입 코드를 정돈합니다.

이 도구의 기능

HTML Formatter는 HTML 문서나 일부 코드의 들여쓰기와 줄 바꿈을 정리하며 script와 style 안의 지원되는 코드도 정리합니다. 오류 원인을 안내하고 수정할 수 있도록 원본 입력을 유지합니다.

  • 입력은 텍스트로 처리되며 HTML이나 스크립트는 실행되지 않습니다.
  • 전체 문서와 일반적인 HTML 스니펫을 지원합니다.
  • 구문 분석 오류는 특정 메시지를 표시하고 입력을 보존합니다.

사용 방법

  1. HTML 문서나 코드 조각을 붙여넣습니다.
  2. 2칸 또는 4칸 들여쓰기를 선택하세요.
  3. "HTML 형식"을 클릭하세요.
  4. 결과를 복사하거나 formatted.html을 다운로드하세요.

주요 사용 사례

  • 압축된 템플릿을 구성합니다.
  • 코드 검토 전에 들여쓰기 및 속성 래핑을 통합하세요.
  • 명백한 라벨 구조 문제를 확인하십시오.

HTML Formatter 기능

HTML 문서 전체나 코드 조각의 들여쓰기와 줄바꿈을 정리합니다. 결과를 확인한 뒤 복사하거나 다운로드하세요.

FAQ

도구가 스크립트를 실행합니까?

입력은 텍스트로 처리되며 HTML이나 스크립트는 실행되지 않습니다.

출력 스타일이 원본 텍스트와 다른 이유는 무엇입니까?

들여쓰기와 줄 바꿈을 통일하므로 속성이 새 줄로 이동하거나 일부 태그의 형식이 바뀔 수 있습니다.

스타일과 스크립트가 포함된 페이지의 서식을 지정할 수 있나요?

네. 일반적인 내장 CSS와 JavaScript를 정리할 수 있으며 코드는 실행되지 않습니다.

개발자 도구 목록으로 돌아가기