Devin.KR

HTML 구조 검사기

HTML의 중복 ID, 이미지 대체 텍스트, 문서 언어와 제목 등 주요 구조 문제를 검사합니다. 전체 HTML 표준 검증기는 아닙니다.

HTML 구조 검사기 사용 안내

HTML의 중복 ID, 이미지 대체 텍스트, 문서 언어와 제목 등 주요 구조 문제를 검사합니다. 전체 HTML 표준 검증기는 아닙니다.

HTML을 붙여 넣고 실행하면 중복 ID, 이미지 alt, 입력 레이블, doctype, 문서 언어와 제목을 확인합니다. 브라우저가 태그를 자동 복구하므로 닫히지 않은 태그 등 전체 문법 오류를 검출하지는 않습니다.

어떻게 구현했나

브라우저의 파서로 읽되 template 요소 안에서 파싱합니다. 문서에 붙지 않으므로 입력한 코드가 실행되지 않고 구조만 읽힙니다.

검사하는 것은 정해진 항목들입니다 — 중복 id, alt 없는 img, 레이블이 연결되지 않은 입력 요소, doctype, html lang, 비어 있지 않은 title. 접근성에서 실제로 자주 빠지고 기계가 확실히 판정할 수 있는 것만 골랐습니다.

전체 문법 적합성 검사가 아닙니다. 브라우저 HTML 파서는 닫히지 않은 태그를 스스로 고쳐서 읽기 때문에, 원본이 틀렸어도 파싱 단계에서는 드러나지 않습니다. 그래서 이 도구는 '기본 항목 검사'라고 이름을 붙였습니다.

자주 묻는 질문

입력한 데이터는 어디에서 처리하나요?

이 도구의 입력 데이터는 브라우저에서 처리하며 도구 기능을 위해 서버로 업로드하지 않습니다. 결과를 공유하기 전 민감한 정보가 없는지 확인하세요.

결과가 예상과 다르면 어떻게 하나요?

입력 형식, 문자 인코딩과 선택한 옵션을 확인하세요. 각 도구가 안내하는 지원 범위와 제한을 확인하고, 원본 데이터를 보관한 상태에서 결과를 검토하세요.

함께 쓰면 좋은 도구

전체 도구 바로가기

문서 · 데이터 변환

개발 실무

한국 개발 특화

API · 네트워크

이미지 · 색상