站長(zhǎng)資訊網(wǎng)下面小編就為大家?guī)?lái)一篇淺談HTML5新增及移除的元素。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
HTML經(jīng)過(guò)10多年的發(fā)展，其元素經(jīng)歷了廢棄與不斷重新定義的過(guò)程。為了更好的處理現(xiàn)在的互聯(lián)網(wǎng)應(yīng)用，HTML5新增了圖形繪制、多媒體播放、頁(yè)面結(jié)構(gòu)、應(yīng)用程序存儲(chǔ)、網(wǎng)絡(luò)工作等新元素。
圖形繪制新元素
| 標(biāo)簽 | 描述 |
|---|---|
| <canvas> | 標(biāo)簽定義圖形，比如圖表和其他圖像。該標(biāo)簽基于 JavaScript 的繪圖 API |
新多媒體元素
| 標(biāo)簽 | 描述 |
|---|---|
| <audio> | 定義音頻內(nèi)容 |
| <vedio> | 定義視頻內(nèi)容 |
| <source> | 定義多媒體資源（audio或vedio） |
| <embed> | 定義嵌入的內(nèi)容，比如插件 |
| <track> | 為如video和 audio元素之類的媒介規(guī)定外部文本軌道 |
新表單元素
| 標(biāo)簽 | 描述 |
|---|---|
| <datalist> | 定義選項(xiàng)列表。請(qǐng)與 input 元素配合使用該元素，來(lái)定義 input 可能的值。 |
| <keygen> | 規(guī)定用于表單的密鑰對(duì)生成器字段。 |
| <output> | 定義不同類型的輸出，比如腳本的輸出。 |
新的語(yǔ)義和結(jié)構(gòu)元素
HTML5提供了新的元素來(lái)創(chuàng)建更加適用的的頁(yè)面。
| 標(biāo)簽 | 描述 |
|---|---|
| <article> | 定義頁(yè)面獨(dú)立的內(nèi)容區(qū)域。 |
| <aside> | 定義頁(yè)面的側(cè)邊欄內(nèi)容。 何問(wèn)起 |
| <bdi> | 允許您設(shè)置一段文本，使其脫離其父元素的文本方向設(shè)置。 |
| <command> | 定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕。 |
| <details> | 用于描述文檔或文檔某個(gè)部分的細(xì)節(jié)。 |
| <dialog> | 定義對(duì)話框，比如提示框。 |
| <summary> | 標(biāo)簽包含 details 元素的標(biāo)題。 |
| <figure> | 規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）。 |
| <figcaption> | 定義 figure元素的標(biāo)題。 |
| <footer> | 定義 section 或 document 的頁(yè)腳。 |
| <header> | 定義了文檔的頭部區(qū)域。 |
| <mark> | 定義帶有記號(hào)的文本。 |
| <meter> | 定義度量衡。僅用于已知最大和最小值的度量。 |
| <nav> | 定義導(dǎo)航鏈接的部分。 |
| <progress> | 定義任何類型的任務(wù)的進(jìn)度。 |
| <ruby> | 定義 ruby 注釋（中文注音或字符）。 |
| <rt> | 定義字符（中文注音或字符）的解釋或發(fā)音。 |
| <rp> | 在 ruby 注釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。 |
| <section> | 定義文檔中的節(jié)（section、區(qū)段）。 |
| <time> | 定義日期或時(shí)間。 |
| <wbr> | 規(guī)定在文本中的何處適合添加換行符。 |
已移除的元素
以下的 HTML 4.01 元素在HTML5中已經(jīng)被刪除:
| 標(biāo)簽 |
|---|
| <acronym> |
| <applet> |
| <basefont> |
| <big> |
| <center> |
| <dir> |
| <font> |
| <frame> |
| <frameset> |
| <noframes> |
| <strike> |
| <tt> |
