HTML5有哪些更新
2022-08-09 17:01 作者:網(wǎng)星軟件 | 我要投稿
1.語(yǔ)義化標(biāo)簽
- header:定義文檔的頁(yè)眉(頭部);
- nav:定義導(dǎo)航鏈接的部分;
- footer:定義文檔或節(jié)的頁(yè)腳(底部);
- article:定義文章內(nèi)容;
- section:定義文檔中的節(jié)(section、區(qū)段);
- aside:定義其所處內(nèi)容之外的內(nèi)容(側(cè)邊);
2.媒體標(biāo)簽
(1)audio:音頻
<audio src="" controls autoplay loop="true"></audio>
屬性:
- controls 控制面板
- autoplay 自動(dòng)播放
- loop=‘true’ 循環(huán)播放
(2)video:視頻
<video src="" poster="imgs/aa.jpg" controls></video>
屬性:
- poster:指定視頻還沒有完全下載完畢,或者用戶還沒有點(diǎn)擊播放前顯示的封面。默認(rèn)顯示當(dāng)前視頻文件的第一針畫面,當(dāng)然通過 poster 也可以自己指定。
- controls 控制面板
- width
- height
(3)source 標(biāo)簽 因?yàn)闉g覽器對(duì)視頻格式支持程度不一樣,為了能夠兼容不同的瀏覽器,可以通過 source 來指定視頻源。
<video>
? <source src='aa.flv' type='video/flv'></source>
? <source src='aa.mp4' type='video/mp4'></source>
</video>
標(biāo)簽: