사용법
- HTML 코드를 입력하세요.
- '검사' 버튼을 누르세요.
- 태그 짝·중복 id·alt 누락 등 문제가 목록으로 표시됩니다.
🎯 이럴 때 씁니다
- 퍼블리싱 완료 후 태그 짝 실수 점검
- 중복된 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 속성 누락은 경고(⚠️)로, 각각 문제가 발생한 줄 번호와 함께 표시됩니다.
자주 묻는 질문
- W3C 공식 검증기와 같은 결과인가요?
- 아니요. 이 도구는 자주 발생하는 오류(태그 짝, 중복 id, alt 누락 등) 위주로 검사하는 실용 검사기이며, 전체 HTML5 스펙 검증은 아닙니다.
- 어떤 항목을 경고로 표시하나요?
- DOCTYPE 누락, deprecated 태그(center, font 등), lang 속성 누락, img의 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 작성·편집