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