常用的html5新增標(biāo)簽有哪些-創(chuàng)新互聯(lián)

今天小編給大家分享的是常用的html5新增標(biāo)簽有哪些，相信很多人都不太了解，為了讓大家更加了解html5新增標(biāo)簽，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧。一定會(huì)有所收獲的哦。

專注于為中小企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)安源免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了1000+企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

今天新學(xué)習(xí)了9個(gè)標(biāo)簽

<audio> 簡單的說就是一個(gè)音頻標(biāo)簽，他的主要常用屬性有src=""音頻的路徑 controls="controls" 控制參數(shù)，他就是可以讓其在頁面顯示一個(gè)播放器的效果autoplay="autoplay"自動(dòng)播放屬性 loop="loop"循環(huán)次數(shù)

<video>同audio標(biāo)簽一樣。是一個(gè)視頻標(biāo)簽。主要常用的屬性同上面一樣

<datalist>定義選項(xiàng)列表。這個(gè)其實(shí)是一個(gè)比較大的改進(jìn)，不過也有不足，這個(gè)標(biāo)簽其實(shí)組合了《input標(biāo)簽中的text》和select標(biāo)簽、生產(chǎn)的一個(gè)可以輸入和下拉選項(xiàng)的輸入組合框》。不足之處在于如果不通過JS控制，只有當(dāng)輸入框中為空，定義的下拉選項(xiàng)中才會(huì)生效

常用的html5新增標(biāo)簽有哪些

<details>定義文檔細(xì)節(jié)。這個(gè)標(biāo)簽其實(shí)用的地方也比較多，常和summary標(biāo)簽用。summary標(biāo)簽里面寫文檔的標(biāo)題。p標(biāo)簽寫文檔的細(xì)節(jié)

<mark>一個(gè)高亮的顯示標(biāo)簽，再也不用標(biāo)記某一段文字要用font屬性了。

<menu>快速創(chuàng)建一個(gè)list列表。用法是menu li結(jié)合

<address>存放地址的標(biāo)簽

<progress>這個(gè)是一個(gè)進(jìn)度條標(biāo)簽。他的主要屬性有value和max。value表示當(dāng)前進(jìn)度條位置，max表示進(jìn)度條的總共長度。

<time>標(biāo)簽放時(shí)間的標(biāo)簽。

初步接觸html5的標(biāo)簽。給人的第一感覺就是望文知義。這個(gè)標(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>
這是一個(gè)定義選項(xiàng)列表的標(biāo)簽datalist 這個(gè)的作用就是將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)了兩者一個(gè)不同之處在于，datalist只有在輸入框?yàn)榭盏臅r(shí)候才會(huì)有自己定義下拉的內(nèi)容!</font>
<br/>
而這個(gè)select選項(xiàng)框是不管什么內(nèi)容它都會(huì)存在的
<select>
    <option>IPhone</option>
    <option>華為    </option>
    <option>小米    </option>
    <option>三星</option>
</select>
<br>
<br>
<br>
------------------------
<br><br><br>
這是一個(gè)定義文檔細(xì)節(jié)的標(biāo)簽。detail標(biāo)簽。它的主要作用很簡單。
<details>
    <summary>這是一個(gè)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)簽用在一起。比如這個(gè)標(biāo)簽是高亮標(biāo)簽<mark>mark</mark>比重不一樣。
<br><br>
接下來這個(gè)標(biāo)簽是定義列表標(biāo)簽。menu。
<menu>
    <li>西游記</li><li>水滸傳</li><li>紅樓夢</li><li>三國演義</li>
</menu>
<br><br>
進(jìn)度條標(biāo)簽我們用的比較多。比如這個(gè)。<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>

關(guān)于常用的html5新增標(biāo)簽有哪些就分享到這里了，希望以上內(nèi)容可以對大家有一定的參考價(jià)值，可以學(xué)以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。

分享題目：常用的html5新增標(biāo)簽有哪些-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://chinadenli.net/article30/shoso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、網(wǎng)站策劃、App設(shè)計(jì)、定制開發(fā)、網(wǎng)站設(shè)計(jì)公司、ChatGPT

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

常用的html5新增標(biāo)簽有哪些-創(chuàng)新互聯(lián)