사용 방법
- HTML을 붙여 넣거나,
.html파일을 열거나, 샘플(한 줄로 압축된 페이지)로 시작하세요. - 공백 2칸, 공백 4칸, 탭 중에서 선택하세요. 입력하는 대로 서식이 지정된 HTML이 표시됩니다.
- 복사하거나 다운로드하거나, 이 페이지 게시를 눌러 온라인에 공개하세요.
바뀌는 것과 바뀌지 않는 것
서식 지정은 태그 사이의 공백만 추가하고 제거합니다. 각 블록 요소는 새 줄에서 시작하며 깊이에 따라 들여쓰기됩니다. 텍스트, 속성, <pre>와 <textarea>의 내용은 그대로이므로 페이지 모양은 전후가 같습니다. 섹션 사이에 남겨 둔 빈 줄은 유지되고(연속 두 줄까지), <script>와 <style>의 내용도 들여쓰기됩니다.
도움이 되는 경우
- 다른 사람이 만든 페이지의 소스나 압축된 템플릿을 읽을 때.
- AI 어시스턴트가 작성한 HTML을 편집 전에 정리할 때.
- diff를 읽기 쉽게 만들 때. 먼저 두 버전을 같은 방식으로 서식 지정하세요.
자주 묻는 질문
서식을 지정하면 페이지 모양이 바뀌나요?
블록 요소는 바뀌지 않습니다. 나란히 있는 두 링크처럼 인라인 요소 사이에서는 공백이 한 칸으로 표시되며, 포매터는 서로 붙어 있던 인라인 요소를 같은 줄에 유지합니다.
깨진 HTML을 고쳐 주나요?
아니요. 있는 내용을 들여쓰기만 합니다. 브라우저가 어떻게 읽는지 보려면 HTML 뷰어에서 여세요.
어떤 포매터를 사용하나요?
널리 쓰이는 오픈 소스 포매터인 js-beautify가 브라우저에서 실행됩니다.
HTML이 업로드되나요?
아니요. 서식 지정은 브라우저에서 실행됩니다. 이 페이지 게시를 누를 때만 Lobsite로 전송됩니다.