由於缺少結構，即使是形式良好的HTML 頁面也比較難以處理。必須分析標題的級別，才能看出各個部分的劃分方式。邊欄、頁腳、頁眉、導航條、主內容區和各篇文章都由通用的div 元素來表示。 HTML 5 添加了一些新元素，專門用來標識這些常見的結構：
・ section：這可以是書中的一章或一節，實際上可以是在HTML 4 中有自己的標題的任何東西
・ header：頁面上顯示的頁眉；與head 元素不一樣
・ footer：頁腳；可以顯示電子郵件中的簽名
・ nav：指向其他頁面的一組鏈接
・ article：blog、雜誌、文章彙編等中的一篇文章
我們來考慮一個典型的blog 主頁，它的頂部有頁眉，底部有頁腳，還有幾篇文章、一個導航區和一個邊欄，見代碼1 典型的blog 頁面
示例代碼[www.CuoXIn.com]