Html5新增標(biāo)簽有哪些
我要評論今天新學(xué)習(xí)了9個標(biāo)簽、
<audio> 簡單的說就是一個音頻標(biāo)簽，他的主要常用屬性有src=""音頻的路徑 controls="controls" 控制參數(shù)，他就是可以讓其在頁面顯示一個播放器的效果autoplay="autoplay"自動播放屬性 loop="loop"循環(huán)次數(shù)
<video>同audio標(biāo)簽一樣。是一個視頻標(biāo)簽。主要常用的屬性同上面一樣
<datalist>定義選項(xiàng)列表。這個其實(shí)是一個比較大的改進(jìn)，不過也有不足，這個標(biāo)簽其實(shí)組合了《input標(biāo)簽中的text》和select標(biāo)簽、生產(chǎn)的一個可以輸入和下拉選項(xiàng)的輸入組合框》。不足之處在于如果不通過JS控制，只有當(dāng)輸入框中為空，定義的下拉選項(xiàng)中才會生效
<details>定義文檔細(xì)節(jié)。這個標(biāo)簽其實(shí)用的地方也比較多，常和summary標(biāo)簽用。summary標(biāo)簽里面寫文檔的標(biāo)題。p標(biāo)簽寫文檔的細(xì)節(jié)
<mark>一個高亮的顯示標(biāo)簽，再也不用標(biāo)記某一段文字要用font屬性了。
<menu>快速創(chuàng)建一個list列表。用法是menu li結(jié)合
<address>存放地址的標(biāo)簽
<progress>這個是一個進(jìn)度條標(biāo)簽。他的主要屬性有value和max。value表示當(dāng)前進(jìn)度條位置，max表示進(jìn)度條的總共長度。
<time>標(biāo)簽放時間的標(biāo)簽。
初步接觸html5的標(biāo)簽。給人的第一感覺就是望文知義。這個標(biāo)簽?zāi)軌蚝苋菀鬃屓擞涀 ?/p>
<%@ 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學(xué)習(xí)之路</title>
</head>
<body>
<header style="text-align: center; color: blue;">歡迎來到Html5的學(xué)習(xí)之路，我是header標(biāo)簽。</header>
這是一個定義選項(xiàng)列表的標(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>
<br/>
<br/>
<font color="red">這里我發(fā)現(xiàn)了兩者一個不同之處在于，datalist只有在輸入框?yàn)榭盏臅r候才會有自己定義下拉的內(nèi)容!</font>
<br/>
而這個select選項(xiàng)框是不管什么內(nèi)容它都會存在的
<select>
<option>IPhone</option>
<option>華為 </option>
<option>小米 </option>
<option>三星</option>
</select>
<br>
<br>
<br>
------------------------
<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>
</body>
</html>
以上所述是小編給大家介紹的Html5新增標(biāo)簽，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
HTML中img標(biāo)簽只顯示圖片中心位置的方法(三種方法)
html中 img標(biāo)簽顯示圖片中心的方法目前知道三種，下面小編把他分享到腳本之家平臺，需要的朋友參考下2017-04-13
Html Mate 標(biāo)簽 使用詳解 中文WORD版
本文檔主要講述的是Html Mate 標(biāo)簽使用詳解；meta是html語言head區(qū)的一個輔助性標(biāo)簽。meta標(biāo)簽共有兩個屬性，它們分別是http-equiv屬性和name屬性，不同的屬性又有不同的參2017-03-19- 本文給大家介紹了html5中各種頭部meta標(biāo)簽功能小結(jié)，非常不錯，具有參考借鑒價(jià)值，需要的的朋友參考下2017-03-13
- HTML5規(guī)范畢竟是剛剛才定義完成的規(guī)范，還有一些瀏覽器并不能支持其中的新標(biāo)簽和新屬性，尤其是IE8及以下版本瀏覽器。下面給大家介紹處理HTML5新標(biāo)簽的瀏覽器兼容版問題，2017-03-13
本文檔主要講述的是HTML中的base標(biāo)簽；希望本文檔會給有需要的朋友帶來幫助；感興趣的朋友可以過來看看2017-02-17- 行內(nèi)塊(inline-block)是非常有用的特別是想要不用'block'和'float'來控制這些行內(nèi)元素的margin,padding之時，行內(nèi)元素之間的空白有時候顯示在屏幕上那是相當(dāng)?shù)挠憛?/div> 2013-08-28
html內(nèi)聯(lián)元素和塊級元素的基本概念及使用示例
html標(biāo)簽分為兩種，內(nèi)聯(lián)元素和塊級元素，塊級元素：一般是其它元素的容器；內(nèi)聯(lián)元素：只能容納文本或者其他內(nèi)聯(lián)元素；首先我們先了解一下內(nèi)聯(lián)元素和塊級元素的概念2013-11-18HTML5在a標(biāo)簽內(nèi)放置塊級元素示例代碼
你沒看錯:用一個A標(biāo)簽包裹塊級元素，在HTML5以前，a標(biāo)簽屬于行內(nèi)元素，而div,h1,p 等為塊級元素，如果強(qiáng)行包裹，可能會被強(qiáng)行截?cái)酁槎鄠€a標(biāo)簽，感興趣的朋友可以了解些2013-08-23html 內(nèi)聯(lián)元素和html 塊級元素概述及區(qū)別
塊級元素(block)特性:總是獨(dú)占一行，表現(xiàn)為另起一行開始，而且其后的元素也必須另起一行顯示;內(nèi)聯(lián)元素(inline)特性:和相鄰的內(nèi)聯(lián)元素在同一行，接下來為大家詳細(xì)介紹下，感2013-03-25HTML5的結(jié)構(gòu)和語義(3):語義性的塊級元素
HTML5還增加了一些純語義性的塊級元素： aside figure dialog 我在文章和書中一直使用前兩個元素。第三個元素我不經(jīng)常用，它主要用于書面文本。 aside2008-10-17最新評論
