1. 新的Doctype
創(chuàng)新互聯(lián)是一家專注于網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),定安網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:定安等地區(qū)。定安做網(wǎng)站價(jià)格咨詢:028-86922220盡管使用,即使瀏覽器不懂這句話也會(huì)按照標(biāo)準(zhǔn)模式去渲染。
2. Figure元素
用figure和figcaption來語義化地表示帶標(biāo)題的圖片。
3. 重新定義的
已經(jīng)被重新定義了,現(xiàn)在被用來表示小的排版,如網(wǎng)站底部的版權(quán)聲明。
4. 去掉link和script標(biāo)簽里面的type屬性
5. 加/不加 括號(hào)
這確實(shí)是個(gè)問題。記住,HTML5不是XHTML,要是你不愿意,你沒有必要非得用引號(hào)標(biāo)記包裹你的屬性,沒有必要非得閉合元素。換句話說,只要你自己覺得舒服,就沒有什么對(duì)錯(cuò)之分。對(duì)于我自己來說就是如此。對(duì)此取舍你還得自己拿主意。如果你更傾向于結(jié)構(gòu)化的文檔,就算天塌下來,也要把引號(hào)牢牢拽在懷里。
6. 讓你的內(nèi)容可編輯,只需要加一個(gè)contenteditable屬性
最新的瀏覽器有個(gè)很贊的新屬性可以應(yīng)用到元素上,叫做contenteditable。顧名思意,就是允許用戶編輯元素內(nèi)容包含的任意文本,包括子元素。類似的用途還有很多,像是簡單的待辦事項(xiàng)清單應(yīng)用程序,可大大利用其本地存儲(chǔ)的優(yōu)勢(shì)。
7. Email Inputs
如果我們給Input的type設(shè)置為email,瀏覽器就會(huì)驗(yàn)證這個(gè)輸入是否是email類型,當(dāng)然不能只依賴前端的校驗(yàn),后端也得有相應(yīng)的校驗(yàn)
8. Placeholders
這個(gè)input屬性的意義就是不必通過javascript來做placeholder的效果了
9. Local Storage
使用Local Storage可以永久存儲(chǔ)大的數(shù)據(jù)片段在客戶端(除非主動(dòng)刪除),目前大部分瀏覽器已經(jīng)支持,在使用之前可以檢測(cè)一下window.localStorage是否存在。
10. 語義化的header和footer
11. 更多的HTML5表單特性
具備類型檢查的功能。比如說URL輸入框,Email輸入框等。
日期輸入框
select控件外聯(lián)數(shù)據(jù)源
你可以使用一個(gè)控件上傳多個(gè)文件,自行規(guī)定上傳文件的類型(accept),你甚至可以設(shè)定每個(gè)文件大的大小 (maxlength)。
12. IE和HTML5
默認(rèn)的,HTML5新元素被以inline的方式渲染,不過可以通過下面這種方式讓其以block方式渲染header, footer, article, section, nav, menu, hgroup {
display: block;
}
不幸的是IE會(huì)忽略這些樣式,可以像下面這樣fix:
document.createElement("article"); document.createElement("footer"); document.createElement("header"); document.createElement("hgroup"); document.createElement("nav"); document.createElement("menu");13. hgroup
一般在header里面。來將一組標(biāo)題組合在一起。
14. Required屬性
required屬性定義了一個(gè)input是否是必須的,你可以像下面這樣聲明
或者
15. Autofocus屬性
正如它的詞義,就是聚焦到輸入框里面
16. Audio支持
HTML5提供了
17. Video支持
和Audio很像,
18. 預(yù)加載視頻
preload屬性就像它的字面意思那么簡單,你需要決定是否需要在頁面加載的時(shí)候去預(yù)加載視頻。
19. 顯示視頻控制
20. 正則表達(dá)式
由于pattern屬性,我們可以在你的markup里面直接使用正則表達(dá)式了。
21. 檢測(cè)屬性支持
除了Modernizr之外我們還可以通過javascript簡單地檢測(cè)一些屬性是否支持。
22. Mark元素
把元素看做是高亮的作用,當(dāng)我選擇一段文字的時(shí)候,javascript對(duì)于HTML的markup效果應(yīng)該是這樣的:
這是一段文字這是高亮部分這是測(cè)試文字
23. 什么時(shí)候用div
HTML5已經(jīng)引入了這么多元素,那么div我們還要用嗎?div你可以在沒有更好的元素的時(shí)候去用。
24. 想立即使用HTML5?
不要等2022了,現(xiàn)在就可以使用了,just do it.
25. 哪些不是HTML5
1)SVG
2)CSS3
3)Geolocation
4)Client Storage
5)Web Sockets
26. Data屬性
27. Output元素
28. 用Range Input來創(chuàng)建滑塊
HTML5引用的range類型可以創(chuàng)建滑塊,它接受min, max, step和value屬性
可以使用css的:before和:after來顯示min和max的值
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。