HTML5 作為下一代的 HTML 仍在完善中,大多數(shù)的瀏覽器都支持了 HTML5,那么 HTML5 的新特性有哪些呢?
canvas
<canvas>是 HTML5 中新定義的標(biāo)簽,它可以在瀏覽器中繪制你想要的圖形
標(biāo)簽 | 描述 |
<canvas> | 標(biāo)簽定義圖像,比如圖表和其它圖像。該標(biāo)簽基于 Javascript 的繪圖 API |
video 和 audio
<video>可以把視頻引入到 HTML 文檔中,<audio>可以為 HTML5 播放音頻
標(biāo)簽 | 描述 |
<audio> | 定義音頻內(nèi)容 |
<video> | 定義視頻(video 或者 movie) |
<source> | 定義多媒體資源<video>和<audio> |
<embed> | 定義嵌入的內(nèi)容,比如插件。 |
<track> | 為諸如<video>和<audio>元素之類的媒介規(guī)定外部文本軌道 |
datalist
<datalist>需要與 input 元素配合顯示出可選的列表內(nèi)容
標(biāo)簽 | 描述 |
<datalist> | 定義選項(xiàng)列表。請(qǐng)于 input 元素配合使用該元素,來定義 input 可能的值 |
<keygen> | 規(guī)定用于表單的密鑰對(duì)生成器字段 |
<output> | 定義不同類型的輸出,比如腳本的輸出 |
其他語義和結(jié)構(gòu)的新元素
標(biāo)簽 | 描述 |
<article> | 定義頁面獨(dú)立的內(nèi)容區(qū)域 |
<aside> | 定義頁面的側(cè)邊欄內(nèi)容 |
<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 的頁腳。 |
<header> | 定義了文檔的頭部區(qū)域 |
<mark> | 定義帶有記號(hào)的文本。 |
<meter> | 定義度量衡。僅用于已知最大和最小值的度量。 |
<nav> | 定義導(dǎo)航鏈接的部分。 |
<progress> | 定義任何類型的任務(wù)的進(jìn)度。 |
<rudy> | 定義 ruby 注釋(中文注音或字符)。 |
<rt> | 定義字符(中文注音或字符)的解釋或發(fā)音。 |
<rp> | 在 ruby 注釋中使用,定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。 |
<section> | 定義文檔中的節(jié)(section、區(qū)段)。 |
<time> | 定義日期或時(shí)間。 |
<wbr> | 規(guī)定在文本中的何處適合添加換行符。 |
以上就是小編為您整理的關(guān)于 HTML5新特性 的全部?jī)?nèi)容。