html structure

HTML 문서 구조

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

doctype

문서 모드 선언

<!doctype html>은 브라우저가 표준 모드로 해석하도록 하는 첫 신호다.

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