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新增標籤,希望對大家有幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對VeVb武林網站的支持!