小編給大家分享一下h5中有哪些新特性，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
我們一直強調(diào)成都網(wǎng)站設(shè)計、
成都網(wǎng)站制作對于企業(yè)的重要性,如果您也覺得重要,那么就需要我們慎重對待,選擇一個安全靠譜的網(wǎng)站建設(shè)公司,企業(yè)網(wǎng)站我們建議是要么不做，要么就做好,讓網(wǎng)站能真正成為企業(yè)發(fā)展過程中的有力推手。專業(yè)網(wǎng)站制作公司不一定是大公司,
創(chuàng)新互聯(lián)公司作為專業(yè)的網(wǎng)絡(luò)公司選擇我們就是放心。
1. 新的Doctype
盡管使用，即使瀏覽器不懂這句話也會按照標(biāo)準模式去渲染
也可以考慮使用怪異盒模式
2. Figure元素
用和來語義化地表示帶標(biāo)題的圖片
This is an image of something interesting.
3. 重新定義的
已經(jīng)被重新定義了，現(xiàn)在被用來表示小的排版，如網(wǎng)站底部的版權(quán)聲明
4. 去掉link和script標(biāo)簽里面的type屬性
5. 加/不加 括號
HTML5沒有嚴格的要求屬性必須加引號，閉合不閉合，但是建議加上引號和閉合標(biāo)簽
6. 讓你的內(nèi)容可編輯，只需要加一個contenteditable屬性
7. Email Inputs
如果我們給Input的type設(shè)置為email，瀏覽器就會驗證這個輸入是否是email類型，當(dāng)然不能只依賴前端的校驗，后端也得有相應(yīng)的校驗
8. Placeholders
這個input屬性的意義就是不必通過javascript來做placeholder的效果了
9. Local Storage
使用Local Storage可以永久存儲大的數(shù)據(jù)片段在客戶端（除非主動刪除），目前大部分瀏覽器已經(jīng)支持，在使用之前可以檢測一下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里面用來將一組標(biāo)題組合在一起，如
Recall Fan Page
Only for people who want the memory of a lifetime.
14. Required屬性
required屬性定義了一個input是否是必須的，你可以像下面這樣聲明
或者
15. Autofocus屬性
正如它的詞義，就是聚焦到輸入框里面
16. Audio支持
HTML5提供了
Download this file.
17. Video支持
和Audio很像，
Your browser is old. Download this video instead.
18. 預(yù)加載視頻
preload屬性就像它的字面意思那么簡單，你需要決定是否需要在頁面加載的時候去預(yù)加載視頻
19. 顯示視頻控制
20. 正則表達式
由于pattern屬性，我們可以在你的markup里面直接使用正則表達式了
Create a Username:
10″ pattern=”[A-Za-z]{4,10}” autofocus required>
Go
21. 檢測屬性支持
除了Modernizr之外我們還可以通過javascript簡單地檢測一些屬性是否支持，如：
22. Mark元素
把元素看做是高亮的作用，當(dāng)我選擇一段文字的時候，javascript對于HTML的markup效果應(yīng)該是這樣的：
Search Results
They were interrupted, just after Quato said, ”O(jiān)pen your Mind”.
23. 什么時候用
HTML5已經(jīng)引入了這么多元素，那么p我們還要用嗎？p你可以在沒有更好的元素的時候去用。
24. 想立即使用HTML5?
不要等2022了，現(xiàn)在就可以使用了，just do it.
25. 哪些不是HTML5
1)SVG
2)CSS3
3)Geolocation
4)Client Storage
5)Web Sockets
26. Data屬性
Bla Bla
CSS中使用：
Don’t Touch Me
27. Output元素
input[type=range]:before { content: attr(min); padding-right: 5px;
}
input[type=range]:after { content: attr(max); padding-left: 5px;}
以上是“h5中有哪些新特性”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！
標(biāo)題名稱：h5中有哪些新特性-創(chuàng)新互聯(lián)
文章路徑：
http://weahome.cn/article/djicid.html
重慶分公司
重慶分公司
