本節書摘來自異步社群《html5開發手冊》一書中的第1章，第1.10節,作者： 【美】chuck hudson , 【英】tom leadbetter 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
利用前面講到的新元素，我們現在可以使頁面内容更加連貫，更有邏輯，并允許人們使用這種層次結構（比如使用螢幕閱讀器）來浏覽我們的内容，獲得與浏覽目錄一樣便捷的體驗。對大綱進行測試可以幫助檢查是否正确地使用了标題和section。有很多的浏覽器插件和網站應用可供你選擇。
下載下傳并安裝後，在位址欄可以看到如圖1.11所示的圖示。
點選圖示會顯示類似目錄的資料，其中内容通常是縮進的。
如果内容安排合理，顯示的将是結構整齊、有邏輯的目錄。如果看到有“untitled section/article”，這通常代表使用了錯誤的标記，需要重新檢查所使用的标記。需要注意的是，nav和aside标記中出現的“untitled article”無需計較。
正确的大綱與下面類似：
1．網站名
a．部落格
i．文章題目
ii．文章題目
b．關于我
i．我的名字
ii．我喜歡的東西
iii．我讨厭的東西
c．聯系我
圖1.12所示為某個文檔大綱的示例，縮進是正确的，而且沒有“untitled section”（nav中的無需考慮）。
在此“菜單”中建立的頁面的大綱如下所示：
1．loads of news
a．bring you all kinds of news!
b．untitled nav
c．sports news
d．entertainment news!
e．nerdy news
代碼1.12所示為該頁面的源代碼。
代碼1.12 建立一個基本的文檔大綱
在頁面頂端有一個header元素，在大綱中用作第一個節點（而不是頁面标題），然後是各自包含标題的section元素。header元素中還有一個内容為“bringing you all kinds of news!”的hgroup元素，但是大綱中并沒有出現h2元素。這是因為大綱隻讀取元素中的第一個标題（h1～h6）。
section、article、nav和aside元素在大綱中顯示的時候會有縮進。section包含了h1，是以在大綱中正常顯示。也可以使用其他标題标記（h2或h3）替換。如果某個section中有内容而沒有标題，那麼大綱會顯示“untitled section”，你需要避免這種情況。