您好,登錄后才能下訂單哦!
小編給大家分享一下HTML5新增標(biāo)簽怎么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
HTML5提供了一些新的元素和屬性,例如nav(網(wǎng)站導(dǎo)航塊)和footer。這種標(biāo)簽將有利于搜索引擎的索引整理,同時更好的幫助小屏幕裝置和視障人士使用,除此之外,還為其他瀏覽要素提供了新的功能,如audio和video標(biāo)記。下面我們就和大家一起學(xué)習(xí)HTML5新增標(biāo)簽使用方法。
<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> <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>
這是一個定義文檔細(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>
進(jìn)度條標(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>
以上是“HTML5新增標(biāo)簽怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。