html5新变化,HTML5的新变化,分享
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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 国内油价上调幅度降至60元/吨!预计下周
- 下一篇: adminlte支持html5吗,spr