HTML5 中的一些有趣的新特性:
- 用于繪畫的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 對本地離線存儲的更好的支持
- 新的特殊內(nèi)容元素椰棘,比如 article纺棺、footer、header晰搀、nav五辽、section
- 新的表單控件,比如 calendar外恕、date杆逗、time、email鳞疲、url罪郊、search
HTML5 的改進(jìn)
- 新元素
- 新屬性
- 完全支持 CSS3
- Video 和 Audio
- 2D/3D 制圖
- 本地存儲
- 本地 SQL 數(shù)據(jù)
- Web 應(yīng)用
HTML5 添加了很多語義元素如下所示:
標(biāo)簽 |
描述 |
<article> |
定義頁面獨(dú)立的內(nèi)容區(qū)域。 |
<aside> |
定義頁面的側(cè)邊欄內(nèi)容尚洽。 |
<bdi> |
允許您設(shè)置一段文本悔橄,使其脫離其父元素的文本方向設(shè)置。 |
<command> |
定義命令按鈕腺毫,比如單選按鈕癣疟、復(fù)選框或按鈕 |
<details> |
用于描述文檔或文檔某個部分的細(xì)節(jié) |
<dialog> |
定義對話框,比如提示框 |
<summary> |
標(biāo)簽包含 details 元素的標(biāo)題 |
<figure> |
規(guī)定獨(dú)立的流內(nèi)容(圖像潮酒、圖表睛挚、照片、代碼等等)急黎。 |
<figcaption> |
定義 <figure> 元素的標(biāo)題 |
<footer> |
定義 section 或 document 的頁腳扎狱。 |
<header> |
定義了文檔的頭部區(qū)域 |
<mark> |
定義帶有記號的文本侧到。 |
<meter> |
定義度量衡。僅用于已知最大和最小值的度量淤击。 |
<nav> |
定義導(dǎo)航鏈接的部分匠抗。 |
<progress> |
定義任何類型的任務(wù)的進(jìn)度。 |
<ruby> |
定義 ruby 注釋(中文注音或字符)污抬。 |
<rt> |
定義字符(中文注音或字符)的解釋或發(fā)音汞贸。 |
<rp> |
在 ruby 注釋中使用,定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容壕吹。 |
<section> |
定義文檔中的節(jié)(section著蛙、區(qū)段)。 |
<time> |
定義日期或時間耳贬。 |
<wbr> |
規(guī)定在文本中的何處適合添加換行符 |
HTML5 定了 8 個新的 HTML 語義(semantic) 元素踏堡。所有這些元素都是 塊級 元素。
為了能讓舊版本的瀏覽器正確顯示這些元素咒劲,你可以設(shè)置 CSS 的 display 屬性值為 block:
header, section, footer, aside, nav, main, article, figure {
display: block;
}
新表單元素
標(biāo)簽 |
描述 |
<datalist> |
定義選項(xiàng)列表顷蟆。請與 input 元素配合使用該元素,來定義 input 可能的值腐魂。 |
<keygen> |
規(guī)定用于表單的密鑰對生成器字段帐偎。 |
<output> |
定義不同類型的輸出,比如腳本的輸出蛔屹。 |
新多媒體元素