2015年2月5日 星期四

2015.02.05 HTML5學習(HTML5 Elements)

從HTML的標籤可以知道一份文件的大綱
以下幾個標籤都有標出大綱的作用:
  • Article 定義外部的內容。比如來自一個外部的新聞提供者的一篇新的文章、來自 blog 的文章 、來自論壇的文章
  • Aside 定義 article 以外的內容。aside 的內容應該與 article 的內容相關
  • Nav 定義導航連結的部分(文件中有「前後」按鈕或是menu,則應該把它放到 <nav> 中)
  • Section 定義文件中的節(section)。比如章節、頁首、頁尾或文件中的其他部分
Section
定義文件中的節(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> 有個約會。