video標(biāo)簽(Html5標(biāo)志性新標(biāo)簽)
- 作用: 播放視頻(只能播專用格式?.webm)
- 格式:
<video src="****.webm" autoplay="autoplay">
</video>
- 屬性
- src:視頻地址
- autoplay: 自動(dòng)播放
- controls: 顯示控制條
controls="controls" - poster: 視頻播放前點(diǎn)位圖片
- loop: 循環(huán)
- preload: 預(yù)加載,和autoplay相沖突,autoplay優(yōu)點(diǎn)
- muted: 靜音
- width height
video標(biāo)簽的第二種格式
<video>
<source src="***.webm" type="video/webm"></source>
<source src="***.mp4" type="video/mp4"></source>
<source src="***.ogg" type="video/ogg"></source>
</video>
- 說(shuō)明:各大瀏覽器廠商都不愿意支持別人的視頻格式,沒(méi)有一種視頻格式可以被所有瀏覽器支持,所以推出了第二種video標(biāo)簽格式.
- 把以把三種視頻格式都寫(xiě)入source,瀏覽器會(huì)自己選擇
- 三種視頻格式是: mp4/webm/ogg
- 注意點(diǎn):
- video標(biāo)簽第二種格式應(yīng)用前提是瀏覽器必須支持Html5
- JS框架HTML5media可以讓舊瀏覽器也支持video
audio標(biāo)簽
- 作用:播放音頻
- 格式:與video一樣
<audio src=""> </audio>或<audio><source src="" type=""></audio> - 注意點(diǎn):
- video的屬性audio都能用
- 除了這3個(gè)屬性: height/width/poster
詳情和概要標(biāo)簽
- 為了解決空間問(wèn)題
- 格式:
<details>
<summary>概要信息</summary>
詳情信息
</details>
marquee標(biāo)簽
- 注意點(diǎn): marquee標(biāo)簽不是w3c推薦標(biāo)簽,也無(wú)法查詢,但各大瀏覽器支持好
- 作用: 跑馬燈
- 格式:
<marquee>內(nèi)容</marquee> - 屬性:
- direction 滾動(dòng)方向 left/right/up/down
- scrollamount 滾動(dòng)速度
- loop 滾動(dòng)次數(shù) 默認(rèn)-1無(wú)限
- behavior 滾動(dòng)類型
- slide 邊界停止
- alternate 邊界彈回
- 可以讓圖片滾動(dòng)
HTML被廢棄的標(biāo)簽(被廢棄)
-
為什么會(huì)被廢棄
- 早期標(biāo)簽有一部分沒(méi)有語(yǔ)義,只是修改樣式,現(xiàn)在淘汰
-
廢棄的標(biāo)簽:
<br> <hr> <font><b> <u> <i> <s>
-
注意點(diǎn):
- 不到萬(wàn)不得已,不要使用這些廢棄標(biāo)簽
- 如果一定要用,一般都是用來(lái)作css鉤子
-
替代標(biāo)簽:
-
strong=b ins=u em=i del=s新標(biāo)簽是有語(yǔ)義的 - strong語(yǔ)義:字義重要性強(qiáng)調(diào)的文字
- ins語(yǔ)義: 字義插入文字
- em語(yǔ)義: 字義強(qiáng)調(diào)文本(弱于strong)
- del語(yǔ)義: 字義被刪除文字
-
特別注意: 學(xué)習(xí)HTML只關(guān)注語(yǔ)義,不要關(guān)注樣式
字符實(shí)體
- 原因: 在HTML中對(duì)空格/回車/tab不敏感,會(huì)把多個(gè)當(dāng)一個(gè)
- 字符實(shí)體: 有些字符是被Html保留的,在Html中有特殊含義,不能直接在瀏覽器顯示,如果要顯示,必須通過(guò)字符實(shí)體
- 字符實(shí)體:
-
空格 -
<小于號(hào)< less than -
>大于號(hào)> greater than -
©版權(quán)符號(hào) ?
-
