HTML 문서 구조 검토표

doctype, head, body, sectioning 요소, 속성 규칙을 구분하면 브라우저와 보조 기술이 문서를 해석하기 쉬워진다.

HTML 문서 구조 검토표doctype, head, body, sectioning 요소, 속성 규칙을 구분하면 브라우저와 보조 기술이 문서를 해석하기 쉬워진다.
doctype

문서 모드 선언

은 브라우저가 표준 모드로 해석하도록 하는 첫 신호다. · standards mode

head

메타 정보

문자 인코딩, viewport, title, 외부 리소스처럼 화면 밖의 정보를 모은다. · document metadata

body

콘텐츠 구조

사용자가 읽고 조작하는 제목, 문단, 링크, 이미지, 폼이 들어간다. · visible content

semantic

의미 요소

header, main, nav, section, article, footer는 문서 영역의 역할을 드러낸다. · landmark

attribute

속성 규칙

id, class, href, alt 같은 속성은 요소의 의미와 동작을 보완한다. · element detail

핵심HTML 문서 구조 검토표은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.