HTML語意標籤
==
###### tags: `web` `frontend` `HTML5`

## Aside

1. 側邊攔
可以想像 nav 通常是一個網站的大項目,而側邊攔可以負責,該大項目中的小項目。

2. section / article 中內容的註解
假如你的 section / article 內容可能是一些文言文,文言文可能需要一些詞語解釋,這時候如果顯示器夠大,可以將畫面切出一點區塊,在同一個地方放詞語解釋。
因為如果詞語解釋放在文章內會很壅擠,如果放在文言文的結束後,又會讓使用者要翻來翻去,非常不便,這是aside另一種應用。

## Section VS Article
兩者的差別在於跟這個網站有沒有很大的**相依性**
以這個 theme 來舉例
https://blackrockdigital.github.io/startbootstrap-creative/
他的 section 有 about, services, portfolio, contact
以上這些都是很難說離開這個網站還可以獨立的
about 一定是描述跟這個網站主題的簡介
service 是描述這個網站主題的服務
如果把他們獨立出來
就會不知道這個 about 或 service 是在解釋、形容誰
他們跟這個網站是有相依性的

但如果是 假設 Yahoo 新聞好了
每個新聞的內容
他跟「Yahoo 奇摩」這個機構 或「Yahoo 新聞」這個團隊
基本上不會有什麼關係
而且新聞內容如果獨立出來
你也可以理解他要表達的東西 (就是新聞要傳達的內容)
那這時候「新聞內容」就可以當作 article

## 參考
http://apolkingg8.logdown.com/posts/2014/02/04/note-of-semantic-html