🔍 HTML5 검증기

태그 짝, 중복 id, alt 속성 누락 등 자주 발생하는 HTML 오류를 검사합니다.

⚠️ 실용 검사기 — W3C 공식 검증기 수준의 전체 스펙 검증은 아닙니다

사용법

  1. HTML 코드를 입력하세요.
  2. '검사' 버튼을 누르세요.
  3. 태그 짝·중복 id·alt 누락 등 문제가 목록으로 표시됩니다.

🎯 이럴 때 씁니다

입력 · 출력 예시

입력
<!DOCTYPE html>
<html>
<img src="logo.png">
<p id="main">A</p>
<p id="main">B</p>
</html>
출력
❌ 5번째 줄: id="main" 가 4번째 줄과 중복됩니다
⚠️ 2번째 줄: <html> 에 lang 속성이 없습니다
⚠️ 3번째 줄: <img> 에 alt 속성이 없습니다

중복된 id="main"은 오류(❌)로, <html>의 lang 속성 누락과 <img>의 alt 속성 누락은 경고(⚠️)로, 각각 문제가 발생한 줄 번호와 함께 표시됩니다.

검사 항목과 수준

실용 검사기로, 자주 발생하는 오류 위주로 검사합니다. 오류(❌)는 즉시 고치는 것이 좋고, 경고(⚠️)는 접근성·호환성에 영향을 줍니다.

검사 항목수준의미
태그 짝 불일치오류닫히지 않거나 순서가 어긋난 태그 — 레이아웃 붕괴 원인
중복 id오류같은 id가 두 번 이상 — 스크립트·앵커 오작동
img alt 누락경고스크린리더·SEO에 필요한 대체 텍스트
DOCTYPE 누락경고브라우저가 쿼크 모드로 렌더링할 수 있음
deprecated 태그경고center·font 등 HTML5에서 폐지된 태그
html lang 누락경고문서 언어 미지정 — 번역·검색엔진에 불리

자주 묻는 질문

W3C 공식 검증기와 같은 결과인가요?
아니요. 이 도구는 자주 발생하는 오류(태그 짝, 중복 id, alt 누락 등) 위주로 검사하는 실용 검사기이며, 전체 HTML5 스펙 검증은 아닙니다.
어떤 항목을 경고로 표시하나요?
DOCTYPE 누락, deprecated 태그(center, font 등), lang 속성 누락, img의 alt 누락을 경고로 안내합니다.
입력한 코드가 서버로 전송되나요?
전송되지 않습니다. 브라우저 안에서만 검사합니다.
오류가 없으면 완벽한 HTML인가요?
자주 나오는 오류가 없다는 뜻일 뿐 전체 스펙 적합은 아닙니다. 표준 적합성까지 확인하려면 W3C 공식 검증기를 함께 사용하세요.
경고도 다 고쳐야 하나요?
alt·lang은 접근성과 SEO에 직접 영향을 주므로 고치는 것이 좋고, deprecated 태그도 CSS로 대체하는 것을 권장합니다.

🔍 더 알아보기: HTML5 검증에서 자주 걸리는 실수

태그 짝·중복 id·alt 누락, 각각 왜 문제인가.

다른 코딩 도구

📘
JSON 포맷터
JSON 정리·검증·압축
🗓️
타임스탬프 변환
유닉스 타임스탬프 ↔ 날짜 변환
🧩
JSON 인코딩·디코딩
텍스트 ↔ JSON 문자열 리터럴 변환
✨
JavaScript/CSS 포맷팅
JS·CSS 코드 들여쓰기 정리
✂️
JavaScript/CSS 압축(Minify)
주석·공백 제거로 용량 줄이기
🧽
HTML 코드 포맷팅
HTML 태그 구조 들여쓰기 정리
🧹
XML 포매팅
XML 태그 구조 들여쓰기 정리
🗃️
SQL 문 정렬
SQL 절 단위로 줄바꿈 정렬
🔣
HTML 엔티티 인코드·디코드
특수문자 ↔ HTML 엔티티 변환
📊
Excel → TABLE TAG 변환
엑셀 표를 HTML TABLE로 변환
⛓️
링크(href, src) 추출
HTML에서 href·src 링크 추출
🎨
컬러 피커
HEX·RGB·HSL 색상 코드 확인
🐘
PHP 구문 검사기
괄호·문자열 짝 검사(실용 검사기)
🗄️
MySQL 구문 검사기
괄호·따옴표 짝 검사(실용 검사기)
✍️
온라인 HTML 에디터
시각적으로 HTML 작성·편집