從HTML的標籤可以知道一份文件的大綱
以下幾個標籤都有標出大綱的作用:
定義文件中的節(section)。比如章節、頁首、頁尾或文件中的其他部分
div和section的差別
div沒有語意上的定義,但section被用來將跟內容相關的主題群組起來
Header
定義 section 或文件的頁首
一份文件可以有很多header
通常顯示在頁面的最上方,是依據內容定義而不是位置。
Footer
定義 section 或文件的頁尾。通常會包含作者的姓名、文件的創作日期、聯繫訊息、版權宣告。
通常顯示在頁面的最下方,跟header一樣應該是根據內容定義而不是位置。
Aside
aside 的內容應該與周圍的內容相關
如果aside在article內使用,那aside中的內容要與article相關
如果aside在article外使用,那aside中的內容要與網頁相關
Nav
網頁中連到其他網頁或是網頁的其他部分的連結,通常都放在nav中
Article
另一種類型的section,通常跟內容相關
像是引用部落格的文章、新的故事、文章的評論、外部的新聞內容
Main
定義一份文件或是應用的主要內容
一份文件不要包含超過一個<main>
不要在<article>、<aside>、<footer>、<header>、<nav>內使用<main>
Figure
一個獨立的內容,就算移除也對內容不會造成影響
通常使用在<article>底下的圖片
Figcaption
<figure>的標題或說明
Time
定義時間(24小時制)、日期(西元)
如果沒有定義datetime屬性,那<time>的值必須是有效的日期或時間
例:我們在每天早上 <time>9:00</time> 開始營業。
我在 <time datetime="2008-02-14">情人節</time> 有個約會。