App下載

h5新特性有哪些?

猿友 2021-03-18 11:45:49 瀏覽數(shù) (5171)
反饋

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新特性 的全部內(nèi)容。


0 人點(diǎn)贊