HTML5新增及移除的元素

Web開發者發表於2016-10-12

HTML經過10多年的發展,其元素經歷了廢棄與不斷重新定義的過程。為了更好的處理現在的網際網路應用,HTML5新增了圖形繪製、多媒體播放、頁面結構、應用程式儲存、網路工作等新元素。

圖形繪製新元素

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

新多媒體元素

標籤 描述
<audio> 定義音訊內容
<vedio> 定義視訊內容
<source> 定義多媒體資源(audio或vedio)
<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>

 

相關文章