第一章： 新的結構化元素

標籤：底部   group   閱讀   ade   div   section   mic   關係   程式   

事實再一次證明了，選一本好的書是多麼的重要啊！棄掉一開始的坑，換一本書來繼續我們的學習吧。

（1） 結構化構建塊

div： 這是我們都知道且喜愛的一種一般性容器。它是一種無附加語義含義的流式內容元素。

section： 這是文檔或應用程式的一般性小節。

article： 這是文檔或網站的一個獨立的小節。

聽起來十分的相似對吧？確實。但是我們區分一下：

div是沒有任何的語義的，比如<div class="nav">和<div class="mick">本質上對瀏覽器解析來說沒有任何區別。

section元素類似於div，這是一個一般性容器元素，但他有一個附加語義——它包含的東西是一組邏輯相關的內容。它也是一種內容的分節元素。

article是一種特殊的section，即它是頁面的一個獨立的、自包含的部分。

怎麼選擇？

1. 如果被封裝的內容在饋送閱讀器中會由完整的意義嗎？是，那麼article。

2. 被封裝的內容是相關的？是，那麼用section。

3. 如果沒有語義關係，那麼用div。

（2） 標題

header： 用於分節元素的內容介紹和導航。

footer： 用於表現內容的附加資訊，如作者、相關文檔的連結等，通常出現在內容的底部。

hgroup： 是header的一種特殊形式，它只能包含<h1>~<h6>元素，用於帶有副標題的標題進行組合。

<h1>~<h6>： 沒有什麼改變的地方。

（3） 更多的結構化元素

nav： 導航連結小節，這些連結或是連結到其他頁面的，或是連結到同一頁面的其他小節。

aside： 頁面的一個小節，由與周邊內容略微相關但又單獨分開的內容所組成。

figure： 用於這樣一種內容：對理解至關重要，但可以在文檔流中遷移，而不影響文檔的含義。這可以用於映像或視頻，也可以用於任何其他內容，包括圖表、程式碼範例或其他媒體。

第一章： 新的結構化元素