HTML 5 是一個新的網(wǎng)絡標準,目標在于取代現(xiàn)有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 標準。它希望能夠減少瀏覽器對于需要插件的豐富性網(wǎng)絡應用服務(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 與 Sun JavaFX 的需求。 HTML 5 提供了一些新的元素和屬性,反映典型的現(xiàn)代用法網(wǎng)站。其中有些是技術(shù)上類似和 標簽,但有一定含義,例如 (網(wǎng)站導航塊)和 。這種標簽將有利于搜索引擎的索引整理、小屏幕裝置和視障人士使用。同時為其他瀏覽要素提供了新的功能,通過一個標準接口,如 和 標記。
<header style="text-align: center; color: blue;">歡迎來到Html5的學習之路,我是header標簽。</header>
這是一個定義選項列表的標簽datalist 這個的作用就是將text文本框與select標簽結(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>
這是一個定義文檔細節(jié)的標簽。detail標簽。它的主要作用很簡單。
<details> <summary>這是一個detail標簽,下面就是他的使用方法</summary> <p>detail標簽是什么?</p> <p>detail標簽有什么作用?</p> <p>detail標簽能干什么?</p> <p>detail標簽我改怎么用它?</p> </details> <br> detail標簽常與sunmmary標簽用在一起。比如這個標簽是高亮標簽<mark>mark</mark>比重不一樣。 <br><br>
接下來這個標簽是定義列表標簽。menu。
<menu> <li>西游記</li><li>水滸傳</li><li>紅樓夢</li><li>三國演義</li> </menu> <br><br>
進度條標簽我們用的比較多。比如這個。
<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標簽</footer>
總結(jié)
以上所述是小編給大家介紹的HTML5新增標簽,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
標簽:延邊 赤峰 林芝 萍鄉(xiāng) 泰州 保定 大同
巨人網(wǎng)絡通訊聲明:本文標題《詳解HTML5新增標簽》,本文關(guān)鍵詞 ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權(quán)與本站無關(guān)。