1. 程式人生 > >HTML5的一些新元素(筆記)

HTML5的一些新元素(筆記)

nav fig ruby ide script 頁面 單選按鈕 oob body

<canvas> 新元素

<canvas> 標簽定義圖形,比如圖表和其他圖像。該標簽基於 JavaScript 的繪圖 API

新多媒體元素

<audio> 定義音頻內容
<video> 定義視頻(video 或者 movie)
<source> 定義多媒體資源 <video> 和 <audio>
<embed> 定義嵌入的內容,比如插件。
<track> 為諸如 <video> 和 <audio> 元素之類的媒介規定外部文本軌道。

新表單元素

<datalist> 定義選項列表。請與 input 元素配合使用該元素,來定義 input 可能的值。

<keygen> 規定用於表單的密鑰對生成器字段。

<output> 定義不同類型的輸出,比如腳本的輸出。

新的語義和結構元素

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

HTML5的一些新元素(筆記)