HTML 검사기(구문·구조 검사)

브라우저는 깨진 HTML도 너그럽게 받아들이지만 예상과 다르게 고쳐서 렌더링합니다. <p> 안의 <div>는 문단을 조용히 끝내고, 잘못 중첩된 <b><i> 태그는 다시 만들어지며, 중복된 id는 스크립트와 레이블을 망가뜨립니다. 이 검사기는 브라우저처럼 HTML을 읽어 모든 문제를 줄과 열 번호와 함께 보여 줍니다. 닫히지 않은 태그와 짝 없는 태그, 잘못된 중첩, 중복된 속성과 id, 빠진 대체 텍스트, 폐기된 요소와 속성, 전체 페이지라면 doctype, title, 언어, 문자 인코딩까지 확인합니다.

사용 방법

1. 전체 페이지나 코드 조각을 상자에 붙여 넣습니다.
2. 검사 방식은 자동으로 두거나, 전체 문서 또는 조각 검사를 직접 고릅니다.
3. 메시지 표를 읽습니다. 오류는 먼저 고쳐야 하고, 경고는 권장 사항입니다.
4. 처음 문제부터 고치고 다시 검사하세요. 종료 태그 하나가 빠지면 메시지가 여러 개 나올 수 있습니다.

계산식

오류 = 파싱 오류 + 중첩 및 콘텐츠 모델 오류 + 폐기된 기능, 경고 = 권장 수정 사항

HTML에서 생략할 수 있는 종료 태그(</p>, </li>, </td>, </tr>, </option> 등)는 빠져 있어도 보고하지 않습니다. <svg>와 <math> 안의 요소는 XML 규칙을 따르므로 자기 닫기 태그를 써도 됩니다. script와 style의 내용은 HTML로 파싱하지 않습니다.

예시

예제 페이지에는 문제가 다섯 가지 있습니다. <b>월요일부터 <i>금요일까지</b></i>에서 오류 두 개가 나옵니다. </b>가 굵은 글씨를 닫을 때 기울임이 아직 열려 있고, 이어서 </i>는 닫을 대상이 없습니다. <img>에는 대체 텍스트가 없고, <center>는 폐기된 요소이며, id info가 두 번 쓰였습니다. 결과는 오류 5개, 경고 없음입니다.