關於HTML5你必須知道的28個新功能,新技巧以及新技術_html5教程技巧

1. 新的Doctype
儘管使用，即使瀏覽器不懂這句話也會按照標準模式去渲染
2. Figure元素
用

和

語意化地表示帶標題的圖片

This is an image of something intering.

3. 重新定義的
已經被重新定義了，現在被用來表示小的排版，如網站底部的版權聲明
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可以永久儲存大的資料片段在客戶端（除非主動刪除），目前大部分瀏覽器已經支持，在使用之前可以檢測一下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裡面用來將一組標題組合在一起，如

Recall Fan Page

Only for people who want the memory of a lifetime.

14. Required屬性
required屬性定義了一個input是否是必須的，你可以像下面這樣聲明