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>