今天新學(xué)習(xí)了9個標(biāo)簽、
<audio> 簡單的說就是一個音頻標(biāo)簽，他的主要常用屬性有src=""音頻的路徑 controls="controls" 控制參數(shù)，他就是可以讓其在頁面顯示一個播放器的效果autoplay="autoplay"自動播放屬性 loop="loop"循環(huán)次數(shù)
<video>同audio標(biāo)簽一樣。是一個視頻標(biāo)簽。主要常用的屬性同上面一樣
<datalist>定義選項列表。這個其實是一個比較大的改進，不過也有不足，這個標(biāo)簽其實組合了《input標(biāo)簽中的text》和select標(biāo)簽、生產(chǎn)的一個可以輸入和下拉選項的輸入組合框》。不足之處在于如果不通過JS控制，只有當(dāng)輸入框中為空，定義的下拉選項中才會生效
<details>定義文檔細(xì)節(jié)。這個標(biāo)簽其實用的地方也比較多，常和summary標(biāo)簽用。summary標(biāo)簽里面寫文檔的標(biāo)題。p標(biāo)簽寫文檔的細(xì)節(jié)
<mark>一個高亮的顯示標(biāo)簽，再也不用標(biāo)記某一段文字要用font屬性了。
<menu>快速創(chuàng)建一個list列表。用法是menu li結(jié)合
<address>存放地址的標(biāo)簽
<progress>這個是一個進度條標(biāo)簽。他的主要屬性有value和max。value表示當(dāng)前進度條位置，max表示進度條的總共長度。
<time>標(biāo)簽放時間的標(biāo)簽。
初步接觸html5的標(biāo)簽。給人的第一感覺就是望文知義。這個標(biāo)簽?zāi)軌蚝苋菀鬃屓擞涀 ?/p>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html ><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Html5學(xué)習(xí)之路</title></head><body><header style="text-align: center; color: blue;">歡迎來到Html5的學(xué)習(xí)之路，我是header標(biāo)簽。</header>這是一個定義選項列表的標(biāo)簽datalist 這個的作用就是將text文本框與select標(biāo)簽結(jié)合起來<input type="text" list="phone"><datalist id="phone"> <option></option> <option>IPhone</option> <option>華為 </option> <option>小米 </option> <option>三星</option></datalist><br/><br/><font color="red">這里我發(fā)現(xiàn)了兩者一個不同之處在于，datalist只有在輸入框為空的時候才會有自己定義下拉的內(nèi)容!</font><br/>而這個select選項框是不管什么內(nèi)容它都會存在的<select> <option>IPhone</option> <option>華為 </option> <option>小米 </option> <option>三星</option></select><br><br><br>------------------------<br><br><br>這是一個定義文檔細(xì)節(jié)的標(biāo)簽。detail標(biāo)簽。它的主要作用很簡單。<details> <summary>這是一個detail標(biāo)簽，下面就是他的使用方法</summary> <p>detail標(biāo)簽是什么？</p> <p>detail標(biāo)簽有什么作用？</p> <p>detail標(biāo)簽?zāi)芨墒裁矗?lt;/p> <p>detail標(biāo)簽我改怎么用它？</p></details><br>detail標(biāo)簽常與sunmmary標(biāo)簽用在一起。比如這個標(biāo)簽是高亮標(biāo)簽<mark>mark</mark>比重不一樣。<br><br>接下來這個標(biāo)簽是定義列表標(biāo)簽。menu。<menu> <li>西游記</li><li>水滸傳</li><li>紅樓夢</li><li>三國演義</li></menu><br><br>進度條標(biāo)簽我們用的比較多。比如這個。<mark>progress</mark><progress value="5" max="10">value=5 max=10</progress><br><audio src="" controls="controls" autoplay="autoplay" loop="loop"></audio><footer>我是底部footer標(biāo)簽</footer></body></html>
以上所述是小編給大家介紹的Html5新增標(biāo)簽，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！
新聞熱點
疑難解答
