3. 元素
Definition
一個W3C的元素(Element)定義
Categories： 所屬分類，能有多個。
Contexts in which this element can be used：所能擺放的內容，子元素及後續元素。
Content model：與上面同，但更為嚴格。
Content attributes：可用的屬性。
DOM interface：Dom的標準界面，給script處理用。
如下圖
Sections
Grouping context
<ol>, <li>
將多個元素排成有號清單
<ol>
<li>Apple</li>
<li>Banana</li>
<li>Orange</li>
</ol>
<div>
div原本在HTML4是block元素，常見到用在分割網頁各區塊，現在功能則被Section所取代。div在HTML5已經不具有特別含意，只是個＂可包含任意元素＂的區塊，通常只是方便排版用。
Text-level Semantics
<i> 原本在HTML4是把字體變斜體，現在是”交替的語言”(alternate voice) ，比方說外文，典故，專有名詞，劇本中的"對話"及"行為"
EX: 我生病了<i>I need a rest</i>
<b> 原本在HTML4是把字體加粗，現在是”突顯但非強調”(stylistically offset)，如關鍵字，藝術字體
EX: <b>我</b>生病了
上述兩個標籤在HTML4中並沒有語意上的定義，而僅是斜體及粗體，故不推薦使用，盡量會以<em>及<strong>取代
而在HTML5中加上了對這兩種字體的定義
<em> 原本在HTML4是強調的意思，現在也差不多是” 強調” (emphatic stress)，用在強調事物本身
EX: 我<em>生病</em>了，不是被車撞。
<strong>原本在HTML4是強力強調的意思，也就是表達比舊的em在更強烈，但是在HTML5中跟em已經沒關係，變成”非常重要”(strong importance)的意思，
EX: 我<strong>生病</strong>了，需要家人照顧。
上述兩個標籤則並無太大差異，在HTML4中已有明確的語意
而在html5中並無大更動
Embedded content 嵌入式內容(Video&audio)
html5中可以嵌入視頻及音頻，大概是最好用的功能之一
EX: <audio src="example.mp3" autoplay controls></audio>
Tabular data 表格
Forms表單
Interactive elements互動元素
Links 連結
連結是個概念上的元素，通常就是<a>, <area>, <link>等元素產生的
連結主要可分兩種：
1.Links to external resources(外部資源連結)
強化內文的連結，通常由瀏覽器等User Agent根據內文自動產生。
2.Hyperlinks(超連結)
內容明確告知閱讀者，必須連到不同資源的聯結。
W3C Spec 對連結有更明確的語意區分