문서는 뼈대, 요소는 단위, 흐름은 배치의 시작
브라우저는 문서 구조를 읽고 요소와 속성을 해석한 뒤 기본 표시 흐름으로 화면에 배치한다.
| 점검 항목 | 의미 | 좋은 예 | 나쁜 신호 |
|---|---|---|---|
| Skeleton | doctype, html, head, body 골격 | 표준 모드와 언어 설정 | head/body 경계 혼란 |
| Element | 콘텐츠를 감싸는 의미 단위 | h1, p, a, img | 모든 것을 div로 처리 |
| Attribute | 요소의 추가 정보 | href, src, alt, lang | 필수 속성 누락 |
| Flow | block과 inline 배치 흐름 | 문서 순서와 읽기 흐름 일치 | CSS 없이 의미가 사라짐 |
| Comment | 코드 설명과 구분 | <!-- note --> | 주석에 민감 정보 기록 |
HTML 문법은 태그 이름 목록이 아니라 문서 골격, 요소 의미, 속성 역할, 표시 흐름의 조합이다.