2. 語意與結構

content models(內容模組)
HTML大致上根據其特性將每個元素分成六個分類(Category)
每個元素不一定只屬於一個分類,而且每個分類下內容(Content)的元素或文字應根據其語意。
 
Metadata content
主要是Header裡面的元素,地位如同一個HTML5的設定檔,如語言,編碼,外部CSS, Javascript引用。

Section content
Section是與以往舊的差異最大的部分,基本上類似章節的概念,如同Word的大綱模式,可以樹狀式的結構化文章區塊。
例如:
<section class=”Chapter 3”>
  <section class=”3-1”>
    <section class=”3-1-1”/>
  </section>
</section>

相關元素主要有:
article,文章,通常指文章的主要內容,比方說部落格的內文。
aside,與內文無關可自己獨立的區塊,比方說廣告,友站連結。
nav,導覽列,如選單,上一頁下一頁等。
Section,不屬於上面的泛用區塊。

另外有些元素(body, details,filedset, td, figure)會被視作新的Sectioning Root,本身並不會會在樹狀內,會被視做另一個跟本來大綱無關的新內容。

資工系首頁

Heading content
每個Section的標題,只能有一個。
如果一個Section出現兩個以上會被分割成兩個平行或父子Section。

Flow content
一般性能夠放在body內的元素,大部分元素都屬於此類。

Phrasing content
文字性內容,但通常會轉換成其他適合的呈現格式。
例如:超連結<a>的內容會加上底線並可點選,原始碼<code>的內容會原來格式呈現。

Embedded content
外部來的內嵌式內容,如影像,聲音,圖片等。

Interactive content
會讓瀏覽器與使用者產生互動。
例如:超連結<a>, 按鈕<button>, 下拉式選單<select> 等。