HTML 포맷터 | 사용법·입력·결과 해설
태그 경계를 기준으로 HTML을 줄마다 나누고 두 칸 들여쓰기를 적용합니다. br·img 같은 빈 요소를 구분하지만 문서 전체의 의미를 보존하는 파서라고 볼 수는 없습니다.
- 브라우저에서 실행
- 업로드되지 않음
- 가입 없음, 기기 성능에 따라 제한될 수 있음
계산 도구를 불러오는 중입니다. 도구가 표시되지 않으면 페이지를 새로고침하세요.
사용 방법과 입력
HTML을 붙여 넣고 출력의 중첩 깊이를 확인하세요. pre와 script처럼 공백이나 부등호가 데이터인 부분은 원문을 보존한 상태에서 비교해야 합니다.
결과 해설과 예제
<section><br><p>Text</p></section>은 section 안의 br과 p가 읽기 쉬운 줄로 나뉩니다. 출력이 정돈되어도 태그 누락이나 잘못된 속성의 검증 결과는 아닙니다.
입력·결과 예시
<section><br><p>Text</p></section>은 section 안의 br과 p가 읽기 쉬운 줄로 나뉩니다. 출력이 정돈되어도 태그 누락이나 잘못된 속성의 검증 결과는 아닙니다.
한계와 주의사항
- 속성 안의 >나 스크립트 문법이 단순 분리 규칙과 충돌할 수 있습니다.
- 공백 정리로 화면의 간격이나 텍스트가 달라질 수 있습니다.
입력 항목
| 항목 | 설명·제약 |
|---|---|
| HTML | 화면의 단위와 입력 형식을 확인하세요. |
| 결과 | 화면의 단위와 입력 형식을 확인하세요. |
데이터 처리
처리는 현재 브라우저 탭에서 수행되며, 도구 입력을 계산 목적으로 서버에 업로드하지 않습니다.
근거 출처
자주 묻는 질문
br 뒤의 들여쓰기는 어떻게 처리하나요?
Text 은 section 안의 br과 p가 읽기 쉬운 줄로 나뉩니다. 출력이 정돈되어도 태그 누락이나 잘못된 속성의 검증 결과는 아닙니다.
포맷 결과를 그대로 덮어써도 되나요?
속성 안의 >나 스크립트 문법이 단순 분리 규칙과 충돌할 수 있습니다. 공백 정리로 화면의 간격이나 텍스트가 달라질 수 있습니다.