HTML 포맷터 및 코드 정리

정리되지 않은 HTML을 왼쪽에 붙여넣으면 적절한 들여쓰기가 적용된 깔끔한 코드를 오른쪽에서 확인할 수 있습니다.

Input

Output

기능

Auto-indent HTML tags

Customizable indentation

Preserve or remove comments

Syntax highlighting

사용 방법

1. 왼쪽 입력 상자에 HTML 마크업을 붙여넣으세요.

2. 포맷 버튼을 클릭하면 적절한 들여쓰기로 코드가 정리됩니다.

3. 압축 버튼을 클릭하면 공백이 제거됩니다.

4. 오른쪽 결과를 복사하거나 다운로드하세요.

자주 묻는 질문

How does HTML formatting work?

The formatter parses your HTML and re-indents nested tags to make the code more readable.

관련 도구

왼쪽 입력 상자에 JSON을 붙여넣은 후 포맷 버튼을 클릭하면 보기 좋게 정리됩니다. 압축 버튼을 클릭하면 한 줄로 압축됩니다. 오류가 있을 경...

CSS 또는 압축된 CSS를 붙여넣은 후 적절한 들여쓰기로 보기 좋게 정리하거나 배포용으로 압축할 수 있습니다....

JavaScript 포맷터

JavaScript 코드(압축된 파일 포함)를 붙여넣으면 깔끔하게 들여쓰기된 코드를 얻을 수 있습니다....

SQL 쿼리를 붙여넣으면 키워드가 대문자로 변환되고 깔끔하게 들여쓰기된 결과를 즉시 확인할 수 있습니다....