首頁 > web前端 > H5教程 > 關於HTML5你必須知道的28個新功能,新技巧以及新技術_html5教程技巧

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

WBOY
發布: 2016-05-16 15:51:04
原創
1278 人瀏覽過
1. 新的Doctype
儘管使用,即使瀏覽器不懂這句話也會按照標準模式去渲染
2. Figure元素
語意化地表示帶標題的圖片

”About

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是否是必須的,你可以像下面這樣聲明
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板