課時53.video標(biāo)簽（掌握）

frontoldman 發(fā)布于2019-04-23 13:38 / 1473人閱讀

摘要：這節(jié)課來學(xué)習(xí)一下中新增的標(biāo)簽，我們先來看一下，中新增了哪些標(biāo)簽打開的網(wǎng)頁，點擊參考手冊中的標(biāo)簽，有一個按字母順序排列的標(biāo)簽，但凡標(biāo)簽后面帶有標(biāo)記的，都是新增的標(biāo)簽。

這節(jié)課來學(xué)習(xí)一下html5中新增的標(biāo)簽，我們先來看一下，html5中新增了哪些標(biāo)簽？

打開W3school的網(wǎng)頁，點擊參考手冊中的HTML/HTML5標(biāo)簽，有一個按字母順序排列的標(biāo)簽，但凡標(biāo)簽后面帶有5標(biāo)記的，都是html5新增的標(biāo)簽。

而有一些標(biāo)簽是css才用到的，這里先不學(xué)

有一些是用不到的，如command標(biāo)簽，五大瀏覽器都不支持，所以也不用學(xué)習(xí)

這節(jié)課主要學(xué)習(xí)了一個html5中的標(biāo)志性標(biāo)簽，video標(biāo)簽，為什么video標(biāo)簽是html5的標(biāo)志性標(biāo)簽?zāi)兀?/p>

因為在html5以前，html只能處理兩種數(shù)據(jù)，一種是文本數(shù)據(jù)，一種是圖片數(shù)據(jù)

1.什么是video標(biāo)簽？

作用：

播放視頻

格式：

video標(biāo)簽的屬性：

src：用于告訴video標(biāo)簽需要播放的視頻地址

autoplay：用于告訴video標(biāo)簽是否需要自動播放視頻

controls：用于告訴video標(biāo)簽是否需要顯示控制條

poster：用于告訴video標(biāo)簽視頻沒有播放之前顯示的占位圖片

loop：一般用于做廣告視頻，用于告訴video標(biāo)簽視頻播放完畢之后是否需要循環(huán)播放

如果是廣告視頻，不需要controls，poster，因為就是要讓用戶關(guān)閉不了，不能靜音，只能不停的看

preload：預(yù)加載視頻，但是需要注意preload與autoplay相沖，如果設(shè)置了autoplay屬性，那么preload屬性就會失效（因為都已經(jīng)開始播放了，就沒必要預(yù)加載了）

muted：靜音

width/height：和img標(biāo)簽中的一摸一樣，兩個都設(shè)置可能會導(dǎo)致變形，所以只推薦設(shè)置一個

GPU云服務(wù)器云服務(wù)器課時掌握程度掌握php 掌握大數(shù)據(jù)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/2140.html

相關(guān)文章

課時53.video標(biāo)簽第二種格式（掌握）

摘要：由于視頻數(shù)據(jù)非常非常的重要，所以五大瀏覽器廠商都不愿意支持別人都視頻格式，所以導(dǎo)致了沒有一種視頻格式是所有瀏覽器都支持的，這個時候為了解決這個問題，所以推出了第二種標(biāo)簽的格式如何查看瀏覽器支持什么格式的視頻視頻我們從水平方由于視頻數(shù)據(jù)非常非常的重要，所以五大瀏覽器廠商都不愿意支持別人都視頻格式，所以導(dǎo)致了沒有一種視頻格式是所有瀏覽器都支持的，這個時候W3C為了解決這個問題，所以推出了第二種...

tain335 2019-04-23 13:38 評論0 收藏0
課時57.HTML被廢棄的標(biāo)簽（掌握）

摘要：為什么中有一部分標(biāo)簽會被廢棄因為當(dāng)前中的標(biāo)簽只有一個作用，就是用來添加語義，而早期的標(biāo)簽中有一部分標(biāo)簽是沒有語義的有一部分標(biāo)簽是用來修改樣式的所以這部分標(biāo)簽就被淘汰了沒有任何的語義，都是用來修改樣式的以后在企業(yè)開發(fā)中，不到萬不得已一定不要使1.為什么HTML中有一部分標(biāo)簽會被廢棄？因為當(dāng)前HTML中的標(biāo)簽只有一個作用，就是用來添加語義，而早期的HTML標(biāo)簽中有一部分標(biāo)簽是沒有語義的　　有...

TIGERB 2019-04-23 13:38 評論0 收藏0
課時18.h標(biāo)簽和p標(biāo)簽以及hr標(biāo)簽（掌握）

摘要：如何在中利用快捷鍵創(chuàng)建一個新的的文件同時按下鍵盤上的同時按下鍵盤上的標(biāo)簽系列作用用于給文本添加標(biāo)題語義格式注意點標(biāo)簽是用來給文本添加標(biāo)簽題語義的，而不是用來修改文本的樣式的標(biāo)簽一共有個，從，最多只能到，超過則無效可以利用每一個標(biāo)簽都獨占一行如何在webstorm中利用快捷鍵創(chuàng)建一個新的html的文件？同時按下鍵盤上的ctrl+alt+insert（windows）同時按下鍵盤上的ct...

Allen 2019-04-23 13:39 評論0 收藏0
課時11.HTML基本機構(gòu)詳解（掌握）

通過觀察我們發(fā)現(xiàn)，HTML基本結(jié)構(gòu)中所有標(biāo)簽都是成對出現(xiàn)的。這些成對出現(xiàn)的標(biāo)簽中有一個帶/有一個不帶/，那么這些不帶/的標(biāo)簽我們稱之為開始標(biāo)簽，這些帶/的標(biāo)簽，我們稱之為結(jié)束標(biāo)簽。 html標(biāo)簽作用：用于告訴瀏覽器這是一個網(wǎng)頁，也就是說告訴瀏覽器這是一個HTML文檔注意點：其它所有的標(biāo)簽都必須寫在html標(biāo)簽里面，也就是寫在html開始標(biāo)簽和結(jié)束標(biāo)簽中間 head標(biāo)簽作用：用于...

lavnFan 2019-04-23 13:37 評論0 收藏0
課時90.div和span（掌握）

摘要：和都可以把信息獨立稱一個小小都區(qū)域。有的人在這里用，這里不推薦，因為是用于和表單元素進(jìn)行綁定的，它和表單元素搭配使用的。和有什么區(qū)別會單獨的占一行，而不會單獨占一行。是一個容器級別的標(biāo)簽，而是一個文本級別的標(biāo)簽。為什么在這里講解div和span呢，而不在html中講解呢？因為在我們的開發(fā)中div和span一般是配合css來使用的，來完成一定的效果，來設(shè)置一些屬性，在前面我們沒有學(xué)習(xí)css，...

Yuqi 2019-04-23 13:36 評論0 收藏0