head가 화면 밖의 문서 정보와 외부 자원을 관리하는 영역임을 이해합니다.
head에는 title, meta, link, style, script처럼 문서 자체를 설명하는 정보가 들어갑니다. header는 body 안에서 보이는 머리말 영역이므로 이름은 비슷하지만 역할이 완전히 다릅니다. 실습실은 body 안의 코드를 바로 실행하므로, 이 예제에서는 실제 head를 바꾸는 대신 head와 header의 역할을 화면에 비교합니다.
예제에서는 <head><meta charset="utf-8"><title>...</title></head> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 charset, viewport, description, title이 포함된 head 문법을 작성해보세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
head 안에 페이지 본문용 h1이나 p를 넣지 마세요. 화면 콘텐츠는 body 안에 둡니다.
직접 바꿔보세요charset, viewport, description, title이 포함된 head 문법을 작성해보세요.