HTML 문서 구조와 문법 체크
HTML은 요소, 속성, 주석, 블록과 인라인 흐름이 쌓여 문서의 의미와 표시 기준을 만든다.
| 구분 | 확인할 것 | 좋은 상태 | 고칠 신호 |
|---|---|---|---|
| Structure | doctype, html, head, body 존재 | 문서 시작이 예측 가능 | 브라우저 보정에 의존 |
| Heading | h1부터 제목 계층 유지 | 목차처럼 읽힘 | 크기 조절용 제목 건너뛰기 |
| Attribute | href, src, alt, name의 목적 | 필수 값이 콘텐츠와 연결 | 빈 alt와 깨진 링크 |
| Inline | 문장 안 의미 표시 | a, strong, code를 용도에 맞게 사용 | block 요소를 문장 중간에 억지 배치 |
| Validate | 중첩과 닫힘 태그 검사 | DOM 구조가 의도와 일치 | 자동 보정으로 레이아웃이 달라짐 |
HTML 체크는 화면이 그려지는지만 보는 것이 아니라 구조를 읽어도 의미가 유지되는지 확인하는 일이다.