HTML5 新元素

HTML5 新元素

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

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


<canvas> 新元素

標籤 描述
<canvas> 標籤定義圖形,比如圖表和其他影象。該標籤基於 JavaScript 的繪圖 API


新多媒體元素

標籤 描述
<audio> 定義音訊內容
<video> 定義視訊(video 或者 movie)
<source> 定義多媒體資源 <video> 和 <audio>
<embed> 定義嵌入的內容,比如外掛。
<track> 為諸如 <video> 和 <audio> 元素之類的媒介規定外部文字軌道。


新表單元素

標籤 描述
<datalist> 定義選項列表。請與 input 元素配合使用該元素,來定義 input 可能的值。
<keygen> 規定用於表單的金鑰對生成器欄位。
<output> 定義不同型別的輸出,比如指令碼的輸出。


新的語義和結構元素

HTML5提供了新的元素來建立更好的頁面結構:

標籤 描述
<article> 定義頁面獨立的內容區域。
<aside> 定義頁面的側邊欄內容。
<bdi> 允許您設定一段文字,使其脫離其父元素的文字方向設定。
<command> 定義命令按鈕,比如單選按鈕、複選框或按鈕
<details> 用於描述文件或文件某個部分的細節
<dialog> 定義對話方塊,比如提示框
<summary> 標籤包含 details 元素的標題
<figure> 規定獨立的流內容(影象、圖表、照片、程式碼等等)。
<figcaption> 定義 <figure> 元素的標題
<footer> 定義 section 或 document 的頁尾。
<header> 定義了文件的頭部區域
<mark> 定義帶有記號的文字。
<meter> 定義度量衡。僅用於已知最大和最小值的度量。
<nav> 定義導航連結的部分。
<progress> 定義任何型別的任務的進度。
<ruby> 定義 ruby 註釋(中文注音或字元)。
<rt> 定義字元(中文注音或字元)的解釋或發音。
<rp> 在 ruby 註釋中使用,定義不支援 ruby 元素的瀏覽器所顯示的內容。
<section> 定義文件中的節(section、區段)。
<time> 定義日期或時間。
<wbr> 規定在文字中的何處適合新增換行符。


已移除的元素

以下的 HTML 4.01 元素在HTML5中已經被刪除:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>