HTML 검사기
닫히지 않은 태그 등 기본 휴리스틱으로 HTML을 빠르게 점검합니다.
HTML 기본 검사
값을 입력한 뒤 계산하기를 눌러주세요.
브라우저 DOMParser·태그 스택 휴리스틱입니다. W3C 검사기를 대체하지 않습니다.
사용 방법
- HTML 칸에 점검할 마크업을 붙여 넣습니다.
- 검사를 누르면 결과 영역이 열리고 상태와 이슈 수가 표시됩니다.
- 문제가 없으면 상태는 문제 없음, 있으면 이슈 있음으로 바뀝니다.
- 상세에서 닫히지 않은 태그·짝이 안 맞는 태그 목록을 줄 단위로 읽습니다.
- 초기화는 입력을 비우고 결과 영역을 다시 숨깁니다. 복사 버튼은 없습니다.
핵심 개념
HTML 검사기는 표준 검사 서비스를 대신하지 않고, 여는 태그와 닫는 태그를 스택으로 맞춰 보는 빠른 휴리스틱입니다. 빈 요소는 스택에 넣지 않고, 닫는 태그가 비어 있으면 대응하는 여는 태그가 없다는 이슈를, 이름이 다르면 태그 불일치를, 끝까지 남은 이름은 닫히지 않은 태그로 적습니다. 추가로 문서 파서 경고가 있으면 목록 맨 앞에 붙입니다. 초안 마크업을 고치기 전에 HTML 검사기로 짝을 훑는 용도입니다.
속성 유효성, 접근성, 문서 형식 전체 규칙은 보지 않습니다. 브라우저가 HTML을 관대하게 고치는 과정과 결과가 다를 수 있어, 배포 전에는 공식 검사기도 함께 쓰는 것이 좋습니다. 이 HTML 검사기는 마크업을 서버로 보내지 않습니다. 이슈가 하나도 없으면 상세란에 휴리스틱 검사에서 눈에 띄는 문제를 찾지 못했다는 문구가 나옵니다. 주석과 문서 형식 선언은 스택에서 건너뛰므로, 설명 주석이 많다고 닫힘 오류가 늘지는 않습니다.
예시
<div><p>검사할 HTML</p></div> 는 문제 없음과 이슈 수 0이 됩니다. <div><p>텍스트</div> 처럼 p를 닫지 않으면 상세에 태그 불일치 또는 닫히지 않은 태그 줄이 쌓입니다. 검사가 끝나야 결과 영역이 열리며, 초기화를 누르면 상세 목록이 다시 숨겨집니다.
자주 묻는 질문
HTML 검사기는 W3C 검사기와 같나요?
아닙니다. 태그 스택과 문서 파서 경고를 보는 빠른 휴리스틱이라 공식 규칙 전체를 대체하지 않습니다.
HTML 검사기 상태가 이슈 있음이면 무엇을 보나요?
이슈 수만큼 상세란에 줄이 생깁니다. 닫는 짝 없음, 이름 불일치, 닫히지 않은 태그, 파서 경고가 섞일 수 있습니다.
HTML 검사기는 img 같은 빈 태그를 오류로 보나요?
빈 요소 목록에 있으면 닫지 않아도 스택에 넣지 않습니다. 일반 요소를 닫지 않은 경우만 이슈로 남습니다.
HTML 검사기에 복사 버튼이 있나요?
없습니다. 상세 텍스트를 직접 선택해 복사하고, 초기화하면 결과 영역이 숨겨집니다.
HTML 검사기 마크업은 서버로 전송되나요?
아니요. 검사와 파서가 브라우저에서만 돌아가며 업로드 과정도 없습니다.
HTML 검사기에서 이슈가 0이면 상세란 문구는?
휴리스틱 검사에서 눈에 띄는 문제를 찾지 못했다는 안내가 나옵니다. 접근성이나 속성 오류, 문서 형식 전체 규칙은 공식 검사기로 별도 확인하는 것이 좋습니다. 관련: HTML 포맷터 · HTML 에디터 · HTML 제목 추출
최종 검토일: 2026년 9월 4일