淺談HTML5新增及移除的元素

2024-09-05 07:18:57

字體：大中小

供稿：網(wǎng)友

HTML經(jīng)過10多年的發(fā)展，其元素經(jīng)歷了廢棄與不斷重新定義的過程。為了更好的處理現(xiàn)在的互聯(lián)網(wǎng)應(yīng)用，HTML5新增了圖形繪制、多媒體播放、頁面結(jié)構(gòu)、應(yīng)用程序存儲、網(wǎng)絡(luò)工作等新元素。

圖形繪制新元素

標簽	描述
<canvas>	標簽定義圖形，比如圖表和其他圖像。該標簽基于 JavaScript 的繪圖 API

新多媒體元素

標簽	描述
<audio>	定義音頻內(nèi)容
<vedio>	定義視頻內(nèi)容
<source>	定義多媒體資源（audio或vedio）
<embed>	定義嵌入的內(nèi)容，比如插件
<track>	為如video和 audio元素之類的媒介規(guī)定外部文本軌道

新表單元素

標簽	描述
<datalist>	定義選項列表。請與 input 元素配合使用該元素，來定義 input 可能的值。
<keygen>	規(guī)定用于表單的密鑰對生成器字段。
<output>	定義不同類型的輸出，比如腳本的輸出。

新的語義和結(jié)構(gòu)元素

HTML5提供了新的元素來創(chuàng)建更加適用的的頁面。

標簽	描述
<article>	定義頁面獨立的內(nèi)容區(qū)域。
<aside>	定義頁面的側(cè)邊欄內(nèi)容。何問起
<bdi>	允許您設(shè)置一段文本，使其脫離其父元素的文本方向設(shè)置。
<command>	定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕。
<details>	用于描述文檔或文檔某個部分的細節(jié)。
<dialog>	定義對話框，比如提示框。
<summary>	標簽包含 details 元素的標題。
<figure>	規(guī)定獨立的流內(nèi)容（圖像、圖表、照片、代碼等等）。
<figcaption>	定義 figure元素的標題。
<footer>	定義 section 或 document 的頁腳。
<header>	定義了文檔的頭部區(qū)域。
<mark>	定義帶有記號的文本。
<meter>	定義度量衡。僅用于已知最大和最小值的度量。
<nav>	定義導航鏈接的部分。
<progress>	定義任何類型的任務(wù)的進度。
<ruby>	定義 ruby 注釋（中文注音或字符）。
<rt>	定義字符（中文注音或字符）的解釋或發(fā)音。
<rp>	在 ruby 注釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。
<section>	定義文檔中的節(jié)（section、區(qū)段）。
<time>	定義日期或時間。
<wbr>	規(guī)定在文本中的何處適合添加換行符。