HTML/CSS 구조 검사기
무료 온라인 HTML/CSS 기본 구조 검사기: 태그 쌍, 필수 구조, CSS 중괄호/세미콜론 검사 및 줄별 수정 제안. 로컬에서 처리 — 코드가 브라우저를 떠나지 않습니다.
HTML/CSS 코드를 어떻게 검사하나요?
입력 영역 오른쪽 상단에서 HTML 또는 CSS를 선택하고 코드를 붙여넣은 후 "검사"를 클릭하세요. 오류와 경고가 수정 제안과 함께 줄별로 나열됩니다.
검사 범위는 무엇인가요?
태그 쌍 및 자체 닫힘 인식, DOCTYPE 및 html/head/body 필수 구조, HTML 엔티티 이스케이프, 속성 따옴표, CSS 중괄호 및 세미콜론 쌍, !important 사용 힌트, 기본 선택자 검사.
통과하면 코드가 완벽한가요?
아니요. 이 도구는 기본적인 구조 검사를 수행하며 전체 W3C 검증과 동등하지 않고 브라우저 간 렌더링을 보장하지 않습니다. 의미론적 정확성은 여전히 사람의 검토가 필요합니다.
알려진 제한 사항은 무엇인가요?
속성 값에 > 문자가 포함된 경우 따옴표 검사가 오탐할 수 있습니다; JSX나 템플릿 엔진 같은 복잡한 템플릿 문법은 범위 밖입니다.
"간단 포맷"이 prettier를 대체할 수 있나요?
아니요. 기본적인 줄바꿈 정리만 하며 <pre>처럼 서식을 유지하는 콘텐츠를 깨뜨릴 수 있습니다. 완전한 포맷에는 전용 코드 포맷터를 사용하세요.
보고된 오류를 어떻게 수정하나요?
각 오류에는 줄 번호, 규칙, 수정 제안이 표시됩니다. 위에서 아래로 수정하고 통과할 때까지 다시 검사하세요.
모든 도구 둘러보기
계산기
생성기
변환기
텍스트 도구
이미지 도구
개발자 도구
네트워크 도구
기타 도구