코드 정리

Ali Hub DevTools에서 코드 정리을(를) 사용하세요. 명확한 입력 확인, 결과, 개인정보 보호 정보 및 문서화된 제한을 제공합니다.

읽기 쉬운 들여쓰기로 지원되는 소스 코드를 정리하고 문법, 주석, 출력 제한을 확인합니다.

Make HTML structure easier to inspect

이 도구는 줄바꿈, 공백, 들여쓰기를 추가해 지원되는 소스 코드를 읽기 쉽게 만듭니다. 표현만 바꾸며 코드를 검증하거나 실행하지 않고 올바름도 증명하지 않습니다.

이 도구는 줄바꿈, 공백, 들여쓰기를 추가해 지원되는 소스 코드를 읽기 쉽게 만듭니다. 표현만 바꾸며 코드를 검증하거나 실행하지 않고 올바름도 증명하지 않습니다. Compare the formatted result with the original source.

Formatting is not HTML validation

포매터는 블록, 목록, 선언, 문자열, 주석을 읽고 일관된 레이아웃을 만듭니다. 언어 문법과 방언, 옵션에 따라 줄과 들여쓰기가 달라지며 지원되지 않는 문법은 잘못 해석될 수 있습니다.

포매터는 블록, 목록, 선언, 문자열, 주석을 읽고 일관된 레이아웃을 만듭니다. 언어 문법과 방언, 옵션에 따라 줄과 들여쓰기가 달라지며 지원되지 않는 문법은 잘못 해석될 수 있습니다. Compare the formatted result with the original source.

How to format HTML

언어를 선택하고 코드를 붙여 넣은 뒤 스타일을 선택해 실행하고 원본과 비교하세요. 문자열, 주석, 정규식, 임베디드 코드, source map을 확인하세요.
언어를 선택하고 코드를 붙여 넣은 뒤 스타일을 선택해 실행하고 원본과 비교하세요. 문자열, 주석, 정규식, 임베디드 코드, source map을 확인하세요. Compare the formatted result with the original source.
언어를 선택하고 코드를 붙여 넣은 뒤 스타일을 선택해 실행하고 원본과 비교하세요. 문자열, 주석, 정규식, 임베디드 코드, source map을 확인하세요. Compare the formatted result with the original source.

Formatting method

Read markup structure
토큰이나 구문을 분석하고 중첩과 보호 영역을 추적한 뒤 포맷된 텍스트를 출력합니다. 파서 버전, 방언, 주석, 임베디드 언어가 결과에 영향을 줍니다.
Apply indentation
토큰이나 구문을 분석하고 중첩과 보호 영역을 추적한 뒤 포맷된 텍스트를 출력합니다. 파서 버전, 방언, 주석, 임베디드 언어가 결과에 영향을 줍니다.
Preserve content
토큰이나 구문을 분석하고 중첩과 보호 영역을 추적한 뒤 포맷된 텍스트를 출력합니다. 파서 버전, 방언, 주석, 임베디드 언어가 결과에 영향을 줍니다.

Exact parser recovery, optional-tag handling, whitespace policy, embedded-language behavior, and error wording should be c...

Read the formatted result

좋은 결과는 일정한 들여쓰기와 읽기 쉬운 블록, 보존된 문자열과 주석을 갖습니다. 포맷만으로 문법이나 의미 동일성을 증명할 수 없습니다.

좋은 결과는 일정한 들여쓰기와 읽기 쉬운 블록, 보존된 문자열과 주석을 갖습니다. 포맷만으로 문법이나 의미 동일성을 증명할 수 없습니다. Compare the formatted result with the original source.

흔한 실수

흔한 실수는 언어를 잘못 선택하거나 공백에 민감한 데이터를 바꾸고 라이선스 주석을 삭제하며 큰 diff를 검토하지 않는 것입니다.

흔한 실수는 언어를 잘못 선택하거나 공백에 민감한 데이터를 바꾸고 라이선스 주석을 삭제하며 큰 diff를 검토하지 않는 것입니다. Compare the formatted result with the original source.

제한 사항 및 특수 사례

모든 방언이나 프로젝트 스타일, 알 수 없는 문법의 동작을 보장하지 않습니다. 설정을 고정하고 diff를 확인하세요.

모든 방언이나 프로젝트 스타일, 알 수 없는 문법의 동작을 보장하지 않습니다. 설정을 고정하고 diff를 확인하세요. Compare the formatted result with the original source.

Examples

온라인 코드 포매터 — 1

코드 포매터는 무엇을 하나요?

언어를 선택하고 코드를 붙여 넣은 뒤 스타일을 선택해 실행하고 원본과 비교하세요. 문자열, 주석, 정규식, 임베디드 코드, source map을 확인하세요.

좋은 결과는 일정한 들여쓰기와 읽기 쉬운 블록, 보존된 문자열과 주석을 갖습니다. 포맷만으로 문법이나 의미 동일성을 증명할 수 없습니다.

온라인 코드 포매터 — 2

코드를 검증하나요?

언어를 선택하고 코드를 붙여 넣은 뒤 스타일을 선택해 실행하고 원본과 비교하세요. 문자열, 주석, 정규식, 임베디드 코드, source map을 확인하세요.

좋은 결과는 일정한 들여쓰기와 읽기 쉬운 블록, 보존된 문자열과 주석을 갖습니다. 포맷만으로 문법이나 의미 동일성을 증명할 수 없습니다.

온라인 코드 포매터 — 3

동작을 바꿀 수 있나요?

언어를 선택하고 코드를 붙여 넣은 뒤 스타일을 선택해 실행하고 원본과 비교하세요. 문자열, 주석, 정규식, 임베디드 코드, source map을 확인하세요.

좋은 결과는 일정한 들여쓰기와 읽기 쉬운 블록, 보존된 문자열과 주석을 갖습니다. 포맷만으로 문법이나 의미 동일성을 증명할 수 없습니다.

온라인 코드 포매터 — 4

주석이 보존되나요?

언어를 선택하고 코드를 붙여 넣은 뒤 스타일을 선택해 실행하고 원본과 비교하세요. 문자열, 주석, 정규식, 임베디드 코드, source map을 확인하세요.

좋은 결과는 일정한 들여쓰기와 읽기 쉬운 블록, 보존된 문자열과 주석을 갖습니다. 포맷만으로 문법이나 의미 동일성을 증명할 수 없습니다.

온라인 코드 포매터 — 5

모든 언어를 지원하나요?

언어를 선택하고 코드를 붙여 넣은 뒤 스타일을 선택해 실행하고 원본과 비교하세요. 문자열, 주석, 정규식, 임베디드 코드, source map을 확인하세요.

좋은 결과는 일정한 들여쓰기와 읽기 쉬운 블록, 보존된 문자열과 주석을 갖습니다. 포맷만으로 문법이나 의미 동일성을 증명할 수 없습니다.

온라인 코드 포매터 — 6

줄이 왜 바뀌나요?

언어를 선택하고 코드를 붙여 넣은 뒤 스타일을 선택해 실행하고 원본과 비교하세요. 문자열, 주석, 정규식, 임베디드 코드, source map을 확인하세요.

좋은 결과는 일정한 들여쓰기와 읽기 쉬운 블록, 보존된 문자열과 주석을 갖습니다. 포맷만으로 문법이나 의미 동일성을 증명할 수 없습니다.