html5:
用于繪畫的 canvas 元素 以及SVG
用于媒介回放的 video 和 audio 元素
拖拽(Drag 和 drop) 地理定位(Geolocation)
對(duì)本地離線存儲(chǔ)的更好的支持
(localStorage - 沒有時(shí)間限制的數(shù)據(jù)存儲(chǔ)
sessionStorage - 針對(duì)一個(gè) session 的數(shù)據(jù)存儲(chǔ)
之前，這些都是由 cookie 完成的。但是 cookie 不適合大量數(shù)據(jù)的存儲(chǔ)，因?yàn)樗鼈冇擅總€(gè)對(duì)服務(wù)器的請(qǐng)求來傳遞，這使得 cookie 速度很慢而且效率也不高。
在 HTML5 中，數(shù)據(jù)不是由每個(gè)服務(wù)器請(qǐng)求傳遞的，而是只有在請(qǐng)求時(shí)使用數(shù)據(jù)。它使在不影響網(wǎng)站性能的情況下存儲(chǔ)大量數(shù)據(jù)成為可能。
對(duì)于不同的網(wǎng)站，數(shù)據(jù)存儲(chǔ)于不同的區(qū)域，并且一個(gè)網(wǎng)站只能訪問其自身的數(shù)據(jù)。)新的特殊內(nèi)容元素，比如 article、footer、header、nav、section
新的表單控件，比如 calendar、date、time、email、url、search
新的 form 屬性：
autocomplete
novalidate新的 input 屬性：
autocomplete
autofocus
form
form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
height 和 width
list
min, max 和 step
multiple
pattern (regexp)
placeholder
required語義元素：有利于搜索引擎優(yōu)化和快速查找
HTML5 添加了很多語義元素如下所示：
標(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)度。
<ruby> 定義 ruby 注釋（中文注音或字符）。
<rt> 定義字符（中文注音或字符）的解釋或發(fā)音。
<rp> 在 ruby 注釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。
<section> 定義文檔中的節(jié)（section、區(qū)段）。
<time> 定義日期或時(shí)間。
<wbr> 規(guī)定在文本中的何處適合添加換行符。
css3:
- CSS3實(shí)現(xiàn)圓角（border-radius），陰影（box-shadow），
- 對(duì)文字加特效（text-shadow、），線性漸變（gradient），旋轉(zhuǎn)（transform）
- transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋轉(zhuǎn),縮放,定位,傾斜
- 增加了更多的CSS選擇器 多背景 rgba
- 在CSS3中唯一引入的偽元素是 ::selection.
- 媒體查詢，多欄布局
- border-image
