DOCTYPE부터 body까지 기본 문서 골격을 이해합니다.
완전한 HTML 문서는 문서 형식을 알리는 doctype, 최상위 html, 설정을 담는 head, 화면 내용을 담는 body로 구성됩니다. 실습실은 이 바깥 골격을 자동으로 제공하므로 body 안쪽 내용을 편집합니다.
마크업은 main에서 시작하지만 브라우저가 만든 문서 트리에는 html, head, body가 모두 들어 있습니다. 이 세 요소는 시작 태그를 생략할 수 있도록 정해져 있어서 파서가 빠진 자리를 채우고, 화면에 보일 h1과 p는 body 아래 main의 자식으로 놓입니다.
맨 앞의 <!DOCTYPE html>은 요소가 아니라 브라우저에게 표준 모드로 그리라고 알리는 선언이며 대소문자를 가리지 않습니다. 이 줄이 빠지면 쿼크 모드가 되어, 표 안의 글자가 바깥 글자 크기를 물려받지 않는 것처럼 옛 브라우저를 흉내 낸 규칙이 적용됩니다.
화면에 보일 내용을 head에 넣거나 meta와 title을 body에 넣지 않도록 역할을 구분하세요.
직접 바꿔보세요h1, p, a 요소를 차례로 추가해 기본 페이지를 완성하세요.