這一篇比較短，但是很關鍵，不過閱讀之前，請先確認已經讀完了 2.1.4 之前的內容 ~~~
前面的文章，示範了簡單的網頁配置，同時亦初步討論了 HTML5 的語意標籤，而在實作的過程中同時提到了所謂的大綱，而現在我們深入一些來看這個議題。
HTML5 從根本改變了整個網頁的設計模式，導入了大綱的概念，讓設計人員能夠以大綱組織網頁內容的配置，回到上述「康廷數位學院」的頁面配置，結果畫面是這樣：
現在以大綱描述內容的配置將是以下的結果：
如你所見，有了大綱條目，我們就可以很容易組織並且配置網頁的內容架構，另外一項更重要的好處是，除了作者本身，其它設計師拿到這個網頁，不需要額外的說明文件，同樣可以直接辨識出這個大綱條目，並瞭解網頁的設計結構，因為其中使用了HTML5 的大綱輸出語意標籤如 <section> 等等，以 HTML5 標準實作的搜尋引擎或是相關程式將可以很容易剖析你的網頁內容，這意謂著你所建立的網頁將更容易被理解。
你必須透過專屬的標籤的配置，支援大綱的輸出，進一步的說明下一回與 <h1> 這一類型的標籤一併討論。