문서 선언
DOCTYPE은 브라우저가 표준 모드로 문서를 해석하게 한다.
HTML Document
HTML 문서는 head의 메타 정보와 body의 화면 콘텐츠로 나뉜다
브라우저는 문서 선언, html, head, body 구조를 읽고 페이지의 의미와 표시 내용을 구성한다.
문서 구조 흐름
semantic basehead
title, meta, link처럼 화면 밖에서 페이지를 설명하는 정보를 담는다.
body
사용자에게 실제로 보이는 제목, 문단, 링크, 이미지가 배치된다.
계층
태그 중첩은 콘텐츠의 의미와 접근성 구조를 만든다.
doctypehtmlheadbody
HTML 기본 구조를 이해하면 “보이는 내용”과 “문서를 설명하는 정보”를 자연스럽게 구분할 수 있다.