HTML5新增標簽的用法

這篇文章將為大家詳細講解有關HTML5新增標簽的用法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

HTML 5 是一個新的網絡標準，目標在于取代現有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 標準。它希望能夠減少瀏覽器對于需要插件的豐富性網絡應用服務（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 與 Sun JavaFX 的需求。 HTML 5 提供了一些新的元素和屬性，反映典型的現代用法網站。其中有些是技術上類似和 標簽，但有一定含義，例如

（網站導航塊）和

。這種標簽將有利于搜索引擎的索引整理、小屏幕裝置和視障人士使用。同時為其他瀏覽要素提供了新的功能，通過一個標準接口，如和

標記。

<header style="text-align: center; color: blue;">歡迎來到Html5的學習之路，我是header標簽。</header>

這是一個定義選項列表的標簽datalist 這個的作用就是將text文本框與select標簽結合起來

<input type="text" list="phone">
<datalist id="phone">
    <option></option>
    <option>IPhone</option>
    <option>華為 </option>
    <option>小米 </option>
    <option>三星</option>
</datalist>    
<font color="red">這里我發現了兩者一個不同之處在于，datalist只有在輸入框為空的時候才會有自己定義下拉的內容!</font>
<br/>

而這個select選項框是不管什么內容它都會存在的

<select>
<option>IPhone</option>
<option>華為 </option>
<option>小米 </option>
<option>三星</option>
</select>
------------------------
<br><br><br>

這是一個定義文檔細節的標簽。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>

關于“HTML5新增標簽的用法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。