잘 구성된 HTML 페이지라도 구조가 부족하여 처리하기 어려울 수 있습니다. 섹션이 어떻게 나누어져 있는지 알아보려면 제목의 수준을 분석해야 합니다. 사이드바, 바닥글, 헤더, 탐색 모음, 기본 콘텐츠 영역 및 개별 기사는 모두 공통 div 요소로 표시됩니다. HTML 5는 특히 이러한 공통 구조를 식별하기 위해 몇 가지 새로운 요소를 추가합니다.
· 섹션: 책의 장이나 섹션일 수 있으며 실제로 HTML 4에서 자체 제목이 있는 모든 항목이 될 수 있습니다.
· 헤더: 헤드 요소와 별도로 페이지에 표시되는 헤더 동일
· 바닥글: 바닥글; 이메일에 서명을 표시할 수 있습니다
· nav: 다른 페이지에 대한 링크 세트
· 기사: 블로그, 잡지, 기사 편집 등의 기사.
상단에 머리글, 하단에 바닥글, 여러 기사, 탐색 영역 및 사이드바가 있는 일반적인 블로그 홈페이지를 생각해 보겠습니다. 일반적인 블로그 페이지는 코드 1을 참조하세요.