HTML5 新元素

HTML5 新元素

自1999年以後HTML 4.01 已經改變了很多,今天，在HTML 4.01中的幾個已經被廢棄，這些元素在HTML5中已經被刪除或重新定義。

為了更好地處理今天的互聯網應用，HTML5添加了很多新元素及功能，例如: 圖形的繪製，多媒體內容，更好的頁面結構，更好的形式處理，和幾個api拖放元素，定位，包括網頁應用程式緩存，存儲，網絡工作者，等。

---

<canvas> 新元素

##     #   

標籤	描述

########################### #############     <canvas>#########標籤定義圖形，例如圖表和其他影像。此標籤基於 JavaScript 的繪圖 API############

---

新多媒體元素

#    <audio>

標籤	說明
#    <audio>
#    <audio>	定義音訊內容

    <video>#定義影片（video 或movie）    <source>###### 定義多媒體資源<video> 和<audio>############    <audio>############    <audio>############    <embed>###########    <embed>###########    < #####定義嵌入的內容，例如外掛程式。 ########################    <track>#########為諸如<video> 和<audio> 元素之類的媒介規定外部文字軌道。 ############

---

新表單元素

標籤	描述

#################################### ####    <datalist>#########定義選項清單。請與 input 元素搭配使用該元素，來定義 input 可能的值。 ############    <keygen>#######規定用於表單的金鑰對產生器欄位。 ############    <output>#######定義不同類型的輸出，例如腳本的輸出。 ############

---

新的語意與結構元素

HTML5提供了新的元素來創造更好的頁面結構：

	#描述
<article>	#定義頁面獨立的內容區域。
<aside>	#定義頁面的側邊欄內容。
<bdi>	#可讓您設定一段文本，使其脫離其父元素的文字方向設定。
<command>	#定義指令按鈕，例如單選按鈕、核取方塊或按鈕

##    <dialog>定義對話框，例如提示框標籤包含details 元素的標題#規定獨立的串流內容（影像、圖表、照片、程式碼等等）。 定義 <figure> 元素的標題

<details>	用來描述文件或文件某部分的細部
	#    <dialog>
	<summary>
	#    <figure>
	<figcaption>

#########    <mark>定義帶有記號的文字。 #定義度量衡。僅用於已知最大值和最小值的度量。 #定義導覽連結的部分。

<footer>	#定義 section 或 document 的頁尾。
<header>	#定義了文件的頭部區域
	##    <mark>
	<meter>
	<nav>

######

<progress>	#定義任何類型的任務的進度。
<ruby>	#定義 ruby​​ 註解（中文註音或字元）。
<rt>	#定義字元（中文註音或字元）的解釋或發音。
<rp>	在ruby 註解中使用，定義不支援ruby 元素的瀏覽器所顯示的內容。
<section>	#定義文件中的節（section、區段）。

<time>	定義日期或時間。
<wbr>	#規定在文本中的何處適合新增換行符號。

---

以上新元素的用法請到我們的HTML 參考手冊

下一節