HTML 구조 검사기 사용 안내
HTML의 중복 ID, 이미지 대체 텍스트, 문서 언어와 제목 등 주요 구조 문제를 검사합니다. 전체 HTML 표준 검증기는 아닙니다.
HTML을 붙여 넣고 실행하면 중복 ID, 이미지 alt, 입력 레이블, doctype, 문서 언어와 제목을 확인합니다. 브라우저가 태그를 자동 복구하므로 닫히지 않은 태그 등 전체 문법 오류를 검출하지는 않습니다.
QUICK EXAMPLE
HTML 구조 검사기 사용 예제
입력 · 시작
<img src="photo.png">
결과 · 확인
alt 속성이 없는 이미지 확인
구조 점검만으로 전체 접근성이나 브라우저 호환성을 보장하지 않습니다.
어떻게 구현했나
브라우저의 파서로 읽되 template 요소 안에서 파싱합니다. 문서에 붙지 않으므로 입력한 코드가 실행되지 않고 구조만 읽힙니다.
검사하는 것은 정해진 항목들입니다 — 중복 id, alt 없는 img, 레이블이 연결되지 않은 입력 요소, doctype, html lang, 비어 있지 않은 title. 접근성에서 실제로 자주 빠지고 기계가 확실히 판정할 수 있는 것만 골랐습니다.
전체 문법 적합성 검사가 아닙니다. 브라우저 HTML 파서는 닫히지 않은 태그를 스스로 고쳐서 읽기 때문에, 원본이 틀렸어도 파싱 단계에서는 드러나지 않습니다. 그래서 이 도구는 '기본 항목 검사'라고 이름을 붙였습니다.
자주 묻는 질문
입력한 데이터는 어디에서 처리하나요?
이 도구의 입력 데이터는 브라우저에서 처리하며 도구 기능을 위해 서버로 업로드하지 않습니다. 결과를 공유하기 전 민감한 정보가 없는지 확인하세요.
결과가 예상과 다르면 어떻게 하나요?
입력 형식, 문자 인코딩과 선택한 옵션을 확인하세요. 각 도구가 안내하는 지원 범위와 제한을 확인하고, 원본 데이터를 보관한 상태에서 결과를 검토하세요.