HTML5 中的一些有趣的新特性:
- 用于繪畫的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 對本地離線存儲的更好的支持
- 新的特殊內容元素,比如 article、footer、header、nav、section
- 新的表單控件,比如 calendar、date、time、email、url、search
HTML5 的改進
- 新元素
- 新屬性
- 完全支持 CSS3
- Video 和 Audio
- 2D/3D 制圖
- 本地存儲
- 本地 SQL 數(shù)據(jù)
- Web 應用
HTML5 添加了很多語義元素如下所示:
標簽 |
描述 |
<article> |
定義頁面獨立的內容區(qū)域。 |
<aside> |
定義頁面的側邊欄內容。 |
<bdi> |
允許您設置一段文本,使其脫離其父元素的文本方向設置。 |
<command> |
定義命令按鈕,比如單選按鈕、復選框或按鈕 |
<details> |
用于描述文檔或文檔某個部分的細節(jié) |
<dialog> |
定義對話框,比如提示框 |
<summary> |
標簽包含 details 元素的標題 |
<figure> |
規(guī)定獨立的流內容(圖像、圖表、照片、代碼等等)。 |
<figcaption> |
定義 <figure> 元素的標題 |
<footer> |
定義 section 或 document 的頁腳。 |
<header> |
定義了文檔的頭部區(qū)域 |
<mark> |
定義帶有記號的文本。 |
<meter> |
定義度量衡。僅用于已知最大和最小值的度量。 |
<nav> |
定義導航鏈接的部分。 |
<progress> |
定義任何類型的任務的進度。 |
<ruby> |
定義 ruby 注釋(中文注音或字符)。 |
<rt> |
定義字符(中文注音或字符)的解釋或發(fā)音。 |
<rp> |
在 ruby 注釋中使用,定義不支持 ruby 元素的瀏覽器所顯示的內容。 |
<section> |
定義文檔中的節(jié)(section、區(qū)段)。 |
<time> |
定義日期或時間。 |
<wbr> |
規(guī)定在文本中的何處適合添加換行符 |
HTML5 定了 8 個新的 HTML 語義(semantic) 元素。所有這些元素都是 塊級 元素。
為了能讓舊版本的瀏覽器正確顯示這些元素,你可以設置 CSS 的 display 屬性值為 block:
header, section, footer, aside, nav, main, article, figure {
display: block;
}
新表單元素
新多媒體元素