1、新的

2、圖形元素 figure ，將

與相結(jié)合，使圖片標(biāo)題與圖片相搭配

%

3、不需要為鏈接和腳本標(biāo)簽添加類型的屬性

4、h5中不需要用引號將屬性包裹起來

5、使得內(nèi)容可編輯?！眂ontenteditable”，它將允許用戶編輯元素(包括他的子元素)內(nèi)包含的任何文本內(nèi)容。

6、增加電子郵件的輸入類型

注意：opera只有在指定了name屬性的前提下，才可以使用

7、占位符 paceholder=’ ‘

8、本地儲存 local storage

9、語義性header和footer

在書寫代碼時可以使用和標(biāo)簽

注意：使用

header, footer, article, section, nav, menu, hgroup {

display: block;

}

就算如此，

document.createElement(“article”);

document.createElement(“footer”);

document.createElement(“header”);

document.createElement(“hgroup”);

document.createElement(“nav”);

document.createElement(“menu”);

11、群組標(biāo)題(hgroup)

將標(biāo)題之間的關(guān)系更好的表達(dá)出來，不影響文章整體綱要

標(biāo)題

副標(biāo)題

12、必要(require)屬性

兩種不同方式來聲明這個屬性：或者，更嚴(yán)謹(jǐn)：

13、自動對焦(autofocus)屬性

14、音頻支持

Download this file.

注意：Mozilla和Webkit都還沒有完全支持。Firefox支持 .ogg文件，Webkit瀏覽器只支持最常見的.mp3擴(kuò)展名。這意味著說，至少目前為止，你應(yīng)該創(chuàng)建兩個版本的音頻。當(dāng)Safari加載頁面時，它認(rèn)不出.ogg格式的文件，將會跳過并移到mp3版本上。請注意，IE并不支持它，Opera 10 或更低的版本只支持 .wav文件。

15、視頻支持

Safari和IE9可以支持H.264 格式的視頻，Firefox 和Opera卻仍然堅持Theora 和Vorbis格式。因此，顯示HTML5視頻的時候，你必須提供兩種格式。

16、視頻預(yù)加載

設(shè)置 preload=”preload”來預(yù)先加載視頻，或者之間添加preload

17、正則表達(dá)式規(guī)定新模式的屬性?pattern=”[A-Za-z]{4,10}”

18、檢測瀏覽器的屬性支持

兩種方法：a、使用Modernizr(這是一個Javascript庫)檢測；

b、創(chuàng)建并剖析這些元素來看看瀏覽器都有什么能力。

例如，在前面的例子里，如果我們要確定瀏覽器是否能夠執(zhí)行pattern屬性，就可以在頁面上添加JavaScript:

alert( ’pattern’ in document.createElement(‘

19、Mark元素

元素的主要功能就是在頁面中高亮顯示那些需要在

—-想了解更多的html相關(guān)干貨教程關(guān)注

本文來自網(wǎng)絡(luò)收集，不代表猴子技術(shù)宅立場，如涉及侵權(quán)請點擊右邊聯(lián)系管理員刪除。

如若轉(zhuǎn)載，請注明出處：https://www.ssfiction.com/html5/110973.html

發(fā)表評論郵箱地址不會被公開。 必填項已用*標(biāo)注

*昵稱：

*郵箱：

網(wǎng)址：

記住昵稱、郵箱和網(wǎng)址，下次評論免輸入

提交

總結(jié)

以上是生活随笔為你收集整理的html5新变化,HTML5的新变化，分享的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。