在html5中出現(xiàn)了什么新特性

小編給大家分享一下在html5中出現(xiàn)了什么新特性,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

崇左網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),崇左網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為崇左數(shù)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢,請找那個售后服務(wù)好的崇左做網(wǎng)站的公司定做!



在html5中出現(xiàn)了一些新特性
canvas 元素 視頻 video 和 聲頻audio 元素 ;
對本地離線存儲(localStorage,sessionStorage)的支持 ;
新增特殊內(nèi)容元素:article、footer、header、nav、section ;
新增表單控件: calendar、date、time、email、url、search 。
今天看看視頻和聲頻:在html5中規(guī)定了視頻的標(biāo)準(zhǔn)方法:video
<video src="xxx.ogg" controls="controls">你的瀏覽器還不支持哦</video> 我們也可以設(shè)置多個source,瀏覽器會為我們選擇第一個可識別的視頻來播放,形如:<video width="320" height="240" controls="controls"> <source src="xxx.ogg" type="video/ogg"> <source src="xx1.mp4" type="video/mp4">你的瀏覽器還不支持哦</video>video屬性有:

屬性描述
autoplayautoplay如果出現(xiàn)該屬性,則視頻在就緒后馬上播放。
controlscontrols如果出現(xiàn)該屬性,則向用戶顯示控件,比如播放按鈕。
height像素設(shè)置視頻播放器的高度。
looploop如果出現(xiàn)該屬性,則當(dāng)媒介文件完成播放后再次開始播放。
preloadpreload

如果出現(xiàn)該屬性,則視頻在頁面加載時進行加載,并預(yù)備播放。

如果使用 "autoplay",則忽略該屬性。

srcurl視頻地址要播放的視頻的 URL。
width像素設(shè)置視頻播放器的寬度。

autobuffer

Autobuffer

(自動緩沖)

在網(wǎng)頁顯示時,該二進制屬性表示是由用戶代理(瀏覽器)自動緩沖的內(nèi)容,還是由用戶使用相關(guān)API進行內(nèi)容緩沖

poster

url圖片地址

 

當(dāng)視頻未響應(yīng)或緩沖不足時,該屬性值鏈接到一個圖像。該圖像將以一定比例被顯示出來


在HTML5 規(guī)定了聲頻標(biāo)準(zhǔn)為 audio 元素,audio 元素能夠播放聲音文件或者音頻流。
audio格式和video相似:直接行多source

代碼如下:


<audio controls="controls">
<source src="xx.ogg" type="audio/ogg">
<source src="xx1.mp3" type="audio/mpeg">


你的瀏覽器還不支持哦
</audio>其屬性比video少了height、width、poster。在我們的開發(fā)中多媒體越來越重要,html5出現(xiàn)了這些video和audio。

看完了這篇文章,相信你對“在html5中出現(xiàn)了什么新特性”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!

新聞名稱:在html5中出現(xiàn)了什么新特性
標(biāo)題路徑:http://bm7419.com/article10/pcehdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、App設(shè)計、App開發(fā)定制網(wǎng)站、網(wǎng)站策劃ChatGPT

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)