HTML 검증기
Free닫히지 않은 태그, 중복된 ID, 더 이상 사용되지 않는 요소 및 기타 일반적이고 명확하게 정의된 문제를 HTML에서 확인하며, 자체 태그 매칭 파서로 검증되었고 완전한 W3C 준수 검증기는 아닙니다.
전적으로 브라우저에서 실행됩니다. HTML이 어디로도 업로드되지 않습니다.
최근 활동
모든 사람에게 공개됩니다. 모든 방문자의 최근 20회 사용 내역, 최신순으로 표시됩니다.
아직 활동이 없습니다. 첫 번째가 되어보세요.
이 도구의 기능
HTML을 붙여넣으면 이 도구는 일반적이고 명확하게 정의된 문제들을 중점적으로 확인합니다. 닫히지 않거나 일치하지 않는 태그, 중복된 id 속성, 이미지의 누락된 alt 텍스트, 더 이상 사용되지 않는 요소, 비공백 요소에 대한 잘못된 자체 닫힘 구문, 그리고 누락된 DOCTYPE, lang 또는 charset 선언입니다. 각 문제는 발견된 줄로 다시 연결됩니다.
작동 방식
경량 파서가 태그 단위로 HTML을 스캔하며, 현재 열려 있는 요소의 스택을 유지합니다. 이는 브라우저가 내부적으로 중첩을 추적하는 방식과 정확히 같으며, 주석과 <script> 및 <style> 블록의 내용은 건너뜁니다. 닫는 태그가 스택의 맨 위와 일치하지 않거나 마지막에 스택에 항목이 남아 있으면, 닫히지 않거나 일치하지 않는 태그로 보고됩니다. 별도로 정규식이 중복된 id 속성, 이미지의 누락된 alt 속성, 더 이상 사용되지 않는 요소 이름을 검색합니다.
해결하는 문제
- 페이지 아래쪽에서 레이아웃을 미묘하게 깨뜨리는 닫히지 않은 태그를 찾는 것.
- CSS 선택자나 JavaScript getElementById 호출이 예상치 못하게 동작하기 전에 중복된 id 속성을 발견하는 것.
- 오래된 코드나 복사해서 붙여넣은 스니펫에서 남은 더 이상 사용되지 않는 요소를 찾아내는 것.
- alt 텍스트와 선언된 문서 언어 같은 접근성 기본 사항을 확인하는 것.
자주 묻는 질문
›이것은 W3C 마크업 검증기와 같은 것인가요?
아니요. 공식 W3C 검증기는 모든 요소와 속성을 다루는 수백 개의 규칙으로 HTML 사양에 대한 완전한 준수를 확인합니다. 이 도구는 조기에 발견하는 것이 정말 유용한 더 작은 범위의 일반적이고 명확하게 정의된 문제, 즉 닫히지 않은 태그, 중복된 ID, 더 이상 사용되지 않는 요소, 몇 가지 속성 누락 검사에 집중합니다. 완전한 준수 보고서가 필요하면 이 도구와 함께 W3C 검증기를 사용하세요.
›왜 DOCTYPE, lang 또는 charset 누락을 오류가 아닌 경고로 표시하나요?
브라우저는 이것들이 없어도 여전히 페이지를 렌더링하므로 치명적이지는 않지만, 접근성, 국제화, 그리고 브라우저가 렌더링 모드를 얼마나 안정적으로 선택하는지에 영향을 줍니다. 이들이 표시되는 이유는 수정하는 것이 거의 항상 옳은 선택이기 때문이지, 이들이 없으면 페이지가 깨지기 때문이 아닙니다.
›여기서 "더 이상 사용되지 않는" 태그로 간주되는 것은 무엇인가요?
HTML5 사양이 명시적으로 더 이상 사용되지 않는다고 표시한 요소로, <center>, <font>, <marquee>, <acronym> 등이 있습니다. 보통 CSS가 콘텐츠와 표현을 분리하는 방식으로 이제 그 역할을 대신하기 때문입니다. 하위 호환성을 위해 브라우저에서는 여전히 작동하지만 새 코드에서는 사용하지 않아야 합니다.
›<script>나 <style> 태그 안의 내용도 확인하나요?
아니요, 태그 매칭 중에는 그 내용이 완전히 건너뛰어집니다. JavaScript나 CSS는 실제로는 HTML 태그가 아니지만 (예: 문자열 안에서) HTML 태그처럼 보이는 텍스트를 쉽게 포함할 수 있으며, 그렇지 않으면 오탐이 발생하기 때문입니다.
›왜 <div />와 같은 자체 닫힘 구문을 표시하나요?
HTML에서는 (XML이나 XHTML과 달리) <div>나 <span> 같은 비공백 요소의 끝에 있는 슬래시가 단순히 무시되며, 그로 인해 요소가 닫힌 것으로 간주되지 않고, 여전히 별도의 고유한 닫는 태그가 필요합니다. 이는 JSX나 XML에서 패턴을 복사할 때 흔히 발생하는 실수로 인한 닫히지 않은 태그 버그의 일반적인 원인입니다.
관련 도구
텍스트
Excel to HTML 테이블 변환기
Excel이나 Google 시트에서 붙여넣거나 .xlsx/.xls/.csv 파일을 업로드하여, 실시간 미리보기, 선택적 스타일, 숫자 열 정렬이 포함된 깔끔한 HTML 테이블을 얻으세요.
Free텍스트
HTML 엔티티 변환기
텍스트와 HTML 엔티티를 양방향으로 동시에 변환하며, 10진수 또는 16진수 형식과 일반적인 엔티티의 빠른 참조 표를 제공합니다.
Free텍스트
진법 변환기
2진수, 8진수, 10진수, 16진수, BCD, 그레이 코드, 그리고 2에서 36까지의 임의의 사용자 지정 진법 사이에서 숫자를 변환하며, 단일 입력으로 한 번에 모두 처리합니다.
Free텍스트
Bcrypt 해시 생성 및 확인기
브라우저에서 WebAssembly를 사용해 완전히 bcrypt 비밀번호 해시를 생성 및 검증하며, 비용 계수와 솔트를 조정할 수 있습니다.
Free텍스트
바이오닉 리딩 변환기
각 단어의 앞부분을 굵게 표시하여 텍스트를 바이오닉 리딩 형식으로 변환함으로써 더 빠르게 읽고 집중력을 높이는 데 도움을 줍니다.
Free텍스트
Blake2b 해시 생성기
브라우저에서 텍스트나 파일의 BLAKE2b 해시를 계산하며, 출력 길이를 조정할 수 있고 선택적 키 해싱(MAC)도 지원합니다.
Free텍스트
카이사르 암호 도구
고전적인 카이사르 암호로 텍스트를 암호화 또는 복호화하며, A-Z 매핑 표, 무차별 대입 목록, 문자 빈도 차트, ROT13 바로가기를 제공합니다.
Free텍스트
ASCII 아트 생성기
입력한 텍스트나 업로드한 이미지를 ASCII 아트로 변환하세요. 글꼴 스타일이나 문자 농도를 선택하고, 색상을 유지한 채 일반 텍스트 또는 PNG로 내보낼 수 있습니다.
댓글 (0)
이 도구가 유용했나요? 댓글을 남기거나 팁을 공유하거나 개선할 점을 알려주세요.
아직 댓글이 없습니다. 첫 번째로 의견을 남겨보세요!