video標簽
- 格式1：
<video src="">
</video> - 作用： 播放視頻
- 屬性：
- src: 告訴video標簽需要播放的視頻地址
- autoplay: 告訴video標簽是否需要自動播放視頻
- controls: 告訴video標簽是否需要顯示控制條
- poster: 告訴video標簽視頻沒有播放之前顯示的占位圖片
- loop: 告訴video標簽循環播放視頻. 一般用于做廣告視頻
- preload: 告訴video標簽預加載視頻, 但是需要注意preload和autoplay相沖, 如果設置了autoplay屬性, 那么preload屬性就會失效
- muted:告訴video標簽視頻靜音
- width/height: 和img標簽中的一模一樣，設置視頻的寬高
- 格式2：
<video>
<source src="路徑" type="video/格式">
</video>
*例如：
<video>
<source src="images/a.webm" type="video/webm">
</video> - 作用：
- video標簽的第二種格式存在的意義就是為了解決瀏覽器適配問題.
- 注意：
- 當前通過video標簽的第二種格式雖然能夠指定所有瀏覽器都支持的視頻格式, 但是想讓所有瀏覽器都通過video標簽播放視頻還有一個前提條件, 就是瀏覽器必須支持HTML5標簽, 否則同樣無法播放
- 在過去的一些瀏覽器是不支持HTML5標簽的, 所以為了讓過去的一些瀏覽器也能夠通過video標簽來播放視頻, 那么我們以后可以通過一個JS的框架叫做html5media來實現
audio標簽
- 格式：
<audio src="">
</audio> - 作用:播放音頻
- audio屬性：
- src: 告訴audio標簽需要播放的音頻地址
- autoplay: 告訴audio標簽是否需要自動播放音頻
- controls: 告訴audio標簽是否需要顯示控制條
- loop: 告訴audio標簽循環播放音頻.
- preload: 告訴audio標簽預加載音頻, 但是需要注意preload和autoplay相沖, 如果設置了autoplay屬性, 那么preload屬性就會失效
- muted:告訴audio標簽音頻靜音
*格式2：
<audio>
<source src="路徑" type="audio/格式">
</audio> - 作用：同上
- 注意：
- audio標簽的使用和video標簽的使用基本一樣,只不過有3個屬性不能用, height/width/poster
詳情和概要標簽
- 格式：
<details>
<summary>概要信息</summary>
詳情信息
</details> - 作用：
- 利用summary標簽來描述概要信息, 利用details標簽來描述詳情信息
- 默認情況下是折疊展示, 想看見詳情必須點擊
事例.png
marquee標簽
- 格式;
<marquee>內容</marquee> - 作用：跑馬燈效果
- 屬性：
- direction: 設置滾動方向 left/right/up/down
- scrollamount: 設置滾動速度, 值越大就越快
- loop: 設置滾動次數, 默認是-1, 也就是無限滾動
- behavior: 設置滾動類型 slide滾動到邊界就停止, alternate滾動到邊界就彈回
- 注意：
- marquee標簽不是W3C推薦的標簽, 在W3C官方文檔中也無法查詢這個標簽, 但是各大瀏覽器對這個標簽的支持非常好
-
例子：
<marquee>隨便寫點內容</marquee>
<marquee direction="right">隨便寫點內容</marquee>
<marquee direction="up">隨便寫點內容</marquee>
<marquee direction="down">隨便寫點內容</marquee>
<marquee scrollamount="1">隨便寫點內容</marquee>
<marquee scrollamount="100">隨便寫點內容</marquee>
<marquee loop="1">隨便寫點內容</marquee>
<marquee behavior="slide">隨便寫點內容</marquee>
<marquee behavior="alternate">隨便寫點內容</marquee>
滾動圖片：
<marquee>
</marquee>
HTML中被廢棄的標簽
- 由于HTML現在只負責語義而不負責樣式.但是HTML一開始有一部分標簽連樣式也包攬了, 所以這部分標簽都被廢棄了
- b、u、i、s
- 以上標簽自己帶有樣式, , 有濃厚的樣式作用,今后一般都只作為CSS鉤子使用
- 原則: 不到萬不得已,切記不要使用如上標簽. 大家可以到BAT的網站查看源代碼, 幾乎看不到以上標簽 - b(Bold)作用: 將文本字體加粗
格式:<b>將文本字體加粗</b> - u(Underlined)作用: 為文本添加下劃線
格式:<u>為文本添加下劃線</u> - i(Italic)作用: 顯示斜體文本效果
格式:<i>顯示斜體文本效果</i> - s(Strikethrough)作用: 為文本添加刪除線
格式:<s>為文本添加刪除線</s> - 為了彌補 b、u、i、s標簽的不足, W3C又推出了一組新的標簽, 這些標簽在顯示上看似和buis沒什么區別, 但是在語義上卻有重大區別
- strong作用: 著重內容
格式:<strong>重要性強調的內容</strong> - ins(Inserted)作用: 新插入的文本
格式:<ins>新插入的文本</ins> - em(Emphasized)作用:強調內容
格式:<em>強調內容</em> - del(Deleted)作用: 已刪除的文本
格式:<del>已刪除的文本</del>
HTML字符實體
- 在HTML中有的字符是被HTML保留的, 有的HTML字符在HTML中是有特殊含義的, 是不能在瀏覽器中直接顯示出來的, 那么這些東西要想顯示出來就必須通過字符實體，例如我們想在頁面上輸出h1這些字符，但是HTML認為這是一個標簽, 所以如果需要輸出一些特殊的字符需要通過字符實體來實現
%P})1MGYA1CGBH87_PI7I@9.png
