HTML5新增及移除的元素
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> |
相關文章
- 27,移除元素
- 27. 移除元素
- 27.移除元素
- [12][02][27] 移除元素
- 9.移除元素(簡單)
- 力扣27. 移除元素力扣
- HTML5新增的APIHTMLAPI
- leedcode-移除連結串列元素
- 203. 移除連結串列元素
- Html 5.2 的簡單介紹及新增元素 <dialog></dialog>HTML
- LeetCode每日一題: 移除元素(No.27)LeetCode每日一題
- jQuery 新增元素jQuery
- 計蒜客 移除陣列中的重複元素陣列
- HTML5新增特性HTML
- 27.移除元素(c++方法實現)C++
- 力扣-203. 移除連結串列元素力扣
- LeetCode刷題記13-27. 移除元素LeetCode
- 演算法--力扣27. 移除元素演算法力扣
- 程式碼隨想錄移除元素二刷
- Java foreach 中List移除元素丟擲ConcurrentMJava
- HTML5 新增標籤HTML
- js小功能之-新增元素-清楚元素JS
- 程式碼隨想錄:移除連結串列元素
- golang 陣列去重 移除陣列指定元素Golang陣列
- LeetCode:每日一題:27. 移除元素 ——————簡單LeetCode每日一題
- HTML5中dialog元素嚐鮮HTML
- HTML5 video audio 元素詳解HTMLIDE
- Html5新增了什麼HTML
- Python列表中新增元素的常用方法!Python
- 1116新增元素的多種操作技巧
- Q16 LeetCode203 移除連結串列元素LeetCode
- leetcode-刪除排序陣列中的重複項+移除元素LeetCode排序陣列
- 基於 HTML5 Canvas 的元素週期表的展示HTMLCanvas
- 基於 HTML5 Canvas 的元素週期表展示HTMLCanvas
- JavaScript動態新增li元素JavaScript
- 013---HTML5新增元素HTML
- LinkedList 新增元素原始碼解析原始碼
- 讓我們一起啃演算法----移除元素演算法
- HTML5新新增的語義化標籤HTML