1.video標(biāo)簽
(1)作用:播放視頻
(2)格式:<video src="視頻路徑" autoplay="autoplay"></video>
(3)屬性:-autoplay(自動播放視頻)
? ? ? ? ? ? ? ? ? ? -controls(進度控制條)
? ? ? ? ? ? ? ? ? ? -poster(視頻未播放時顯示的默認(rèn)圖片)
? ? ? ? ? ? ? ? ? ? -loop(循環(huán)播放視頻,用于廣告視頻,用戶不能控制進度)
? ? ? ? ? ? ? ? ? ? -preload(預(yù)加載視頻)
? ? ? ? ? ? ? ? ? ? -muted(靜音)
? ? ? ? ? ? ? ? ? ? -width(寬度)
? ? ? ? ? ? ? ? ? ? -height(高度)
(4)格式2:<video>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<source src="" type="">
? ? ? ? ? ? ? ? ? ? ? </video>(解決瀏覽器視頻格式適配問題)
2.audio標(biāo)簽
(1)作用:播放音頻
(2)格式:<audio src=""></audio>
(3)格式2:<audio>
? ? ? ? ? ? ? ? ? ? ? <source src="" type="">
? ? ? ? ? ? ? ? ? ? ? </audio>
(4)屬性與video標(biāo)簽一樣
3.詳情和概要標(biāo)簽
(1)作用:比較抽象,直接上圖,如圖,“充話費”等就是概要信息,下面的框就是詳情信息
(2)格式:<details>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <summary>概要信息</summary>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 詳情信息
? ? ? ? ? ? ? ? ? ? </details>
4.marquee標(biāo)簽
(1)作用:跑馬燈效果
(2)格式:<marquee>內(nèi)容</marquee>
(3)如圖所示,文字會慢慢向左移動
(4)屬性:-direction(控制方向,right從左向右,up從下往上,down從上往下)
? ? ? ? ? ? ? ? ? ? -scrollamount(滾動速度,值越大越快)
? ? ? ? ? ? ? ? ? ? -loop(滾動次數(shù))
? ? ? ? ? ? ? ? ? ? -behavior(滾動類型,slide滾動到邊界停止,alternate滾動到邊界彈回)