總結一下：
1. 新的Doctype
盡管使用，即使瀏覽器不懂這句話也會按照標準模式去渲染
2. Figure元素
用
This is an image of something interesting.
3. 重新定義的
已經被重新定義了，現(xiàn)在被用來表示小的排版，如網站底部的版權聲明
4. 去掉link和script標簽里面的type屬性
5. 加/不加 括號
HTML5沒有嚴格的要求屬性必須加引號，閉合不閉合，但是建議加上引號和閉合標簽
6. 讓你的內容可編輯，只需要加一個contenteditable屬性
7. Email Inputs
如果我們給Input的type設置為email，瀏覽器就會驗證這個輸入是否是email類型，當然不能只依賴前端的校驗，后端也得有相應的校驗
8. Placeholders
這個input屬性的意義就是不必通過javascript來做placeholder的效果了
9. Local Storage
使用Local Storage可以永久存儲大的數(shù)據片段在客戶端（除非主動刪除），目前大部分瀏覽器已經支持，在使用之前可以檢測一下window.localStorage是否存在
10. 語義化的header和footer
11. 更多的HTML5表單特性
12. IE和HTML5
默認的，HTML5新元素被以inline的方式渲染，不過可以通過下面這種方式讓
其以block方式渲染
header, footer, article, section, nav, menu, hgroup {
display: block;
}
不幸的是IE會忽略這些樣式，可以像下面這樣fix:
document.createElement("article"); document.createElement("footer"); document.createElement("header"); document.createElement("hgroup"); document.createElement("nav"); document.createElement("menu");13. hgroup
一般在header里面用來將一組標題組合在一起，如
14. Required屬性
required屬性定義了一個input是否是必須的，你可以像下面這樣聲明
或者
15. Autofocus屬性
正如它的詞義，就是聚焦到輸入框里面
16. Audio支持
HTML5提供了
17. Video支持
和Audio很像，
18. 預加載視頻
preload屬性就像它的字面意思那么簡單，你需要決定是否需要在頁面加載的時候去預加載視頻
19. 顯示視頻控制
20. 正則表達式
由于pattern屬性，我們可以在你的markup里面直接使用正則表達式了
21. 檢測屬性支持
除了Modernizr之外我們還可以通過javascript簡單地檢測一些屬性是否支持，如：
22. Mark元素
把元素看做是高亮的作用，當我選擇一段文字的時候，javascript對于HTML的markup效果應該是這樣的：
They were interrupted, just after Quato said, ”O(jiān)pen your Mind”.
23. 什么時候用 HTML5已經引入了這么多元素，那么div我們還要用嗎？div你可以在沒有更好的元素的時候去用。 24. 想立即使用HTML5? 不要等2022了，現(xiàn)在就可以使用了，just do it. 25. 哪些不是HTML5 1)SVG 2)CSS3 3)Geolocation 4)Client Storage 5)Web Sockets 26. Data屬性 CSS中使用： 27. Output元素 28. 用Range Input來創(chuàng)建滑塊 HTML5引用的range類型可以創(chuàng)建滑塊，它接受min, max, step和value屬性 可以使用css的:before和:after來顯示min和max的值 Don’t Touch Me
新聞名稱：28個你必須知道的HTML5的新特性，技巧以及技術-創(chuàng)新互聯(lián)
分享網址：http://weahome.cn/article/dhhido.html
重慶分公司
重慶分公司
