1、新的

2、圖形元素 figure ，將

與相結合，使圖片標題與圖片相搭配

%

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

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

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

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

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

7、占位符 paceholder=’ ‘

8、本地儲存 local storage

9、語義性header和footer

在書寫代碼時可以使用和標簽

注意：使用

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、群組標題(hgroup)

將標題之間的關系更好的表達出來，不影響文章整體綱要

標題

副標題

12、必要(require)屬性

兩種不同方式來聲明這個屬性：或者，更嚴謹：

13、自動對焦(autofocus)屬性

14、音頻支持

Download this file.

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

15、視頻支持

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

16、視頻預加載

設置 preload=”preload”來預先加載視頻，或者之間添加preload

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

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

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

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

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

alert( ’pattern’ in document.createElement(‘

19、Mark元素

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

—-想了解更多的html相關干貨教程關注

本文來自網絡收集，不代表猴子技術宅立場，如涉及侵權請點擊右邊聯系管理員刪除。

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

發表評論郵箱地址不會被公開。 必填項已用*標注

*昵稱：

*郵箱：

網址：

記住昵稱、郵箱和網址，下次評論免輸入

提交

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。