HTML 문서 구조와 DOM
doctype, html, head, body는 브라우저가 문서를 해석하고 DOM 트리를 만드는 기본 순서를 정한다.
| 구성 | 역할 | 브라우저 해석 | 실수 신호 |
|---|---|---|---|
| doctype | 표준 모드 선언 | quirks mode를 피함 | 레이아웃이 브라우저마다 다름 |
| html | 문서 전체의 루트 | 언어와 문서 범위 기준 | lang 누락으로 접근성 저하 |
| head | 메타데이터와 외부 리소스 | title, meta, link를 먼저 읽음 | 화면 콘텐츠를 head에 배치 |
| body | 사용자에게 보이는 콘텐츠 | DOM 트리의 주요 화면 영역 | 구조 없는 div 나열 |
| DOM | 태그를 노드 트리로 변환 | CSS/JS가 탐색하는 구조 | 닫힘 태그 오류와 중첩 혼란 |
HTML 문서 구조는 암기용 뼈대가 아니라 브라우저가 페이지를 읽는 순서표다.