淺談HTML5新增及移除的元素

2024-09-05 07:18:57

字體：大中小

來源：轉載

供稿：網友

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>	規定在文本中的何處適合添加換行符。