溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享的是常用的html5新增標簽有哪些，相信很多人都不太了解，為了讓大家更加了解html5新增標簽，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。
今天新學習了9個標簽
<audio> 簡單的說就是一個音頻標簽，他的主要常用屬性有src=""音頻的路徑 controls="controls" 控制參數，他就是可以讓其在頁面顯示一個播放器的效果autoplay="autoplay"自動播放屬性 loop="loop"循環(huán)次數
<video>同audio標簽一樣。是一個視頻標簽。主要常用的屬性同上面一樣
<datalist>定義選項列表。這個其實是一個比較大的改進，不過也有不足，這個標簽其實組合了《input標簽中的text》和select標簽、生產的一個可以輸入和下拉選項的輸入組合框》。不足之處在于如果不通過JS控制，只有當輸入框中為空，定義的下拉選項中才會生效
<details>定義文檔細節(jié)。這個標簽其實用的地方也比較多，常和summary標簽用。summary標簽里面寫文檔的標題。p標簽寫文檔的細節(jié)
<mark>一個高亮的顯示標簽，再也不用標記某一段文字要用font屬性了。
<menu>快速創(chuàng)建一個list列表。用法是menu li結合
<address>存放地址的標簽
<progress>這個是一個進度條標簽。他的主要屬性有value和max。value表示當前進度條位置，max表示進度條的總共長度。
<time>標簽放時間的標簽。
初步接觸html5的標簽。給人的第一感覺就是望文知義。這個標簽能夠很容易讓人記住。
<%@ 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學習之路</title>
</head>
<body>
<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>
<br/>
<br/>
<font color="red">這里我發(fā)現了兩者一個不同之處在于，datalist只有在輸入框為空的時候才會有自己定義下拉的內容!</font>
<br/>
而這個select選項框是不管什么內容它都會存在的
<select>
<option>IPhone</option>
<option>華為 </option>
<option>小米 </option>
<option>三星</option>
</select>
<br>
<br>
<br>
------------------------
<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>
</body>
</html>關于常用的html5新增標簽有哪些就分享到這里了，希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
