這篇文章主要介紹“HTML5新增和刪除的標簽有哪些”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“HTML5新增和刪除的標簽有哪些”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)是一家集網站建設,同德企業(yè)網站建設,同德品牌網站建設,網站定制,同德網站建設報價,網絡營銷,網絡優(yōu)化,同德網站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網站。

HTML5增強了瀏覽器的原生功能，符合HTML5規(guī)范的瀏覽器功能將更加強大，減少了Web應用對插件的依賴，讓用戶體驗更好，讓開發(fā)更加方便，另外W3C從推出HTML4.0到5.0之間共經歷了17年，HTML的變化很小，這并不符合一個好產品的演進規(guī)則。

以下的 HTML 4.01 元素在HTML5中已經被刪除：

</p><p><strike></p><p><article>標簽定義外部的內容。比如來自一個外部的新聞提供者的一篇新的文章，或者來自 blog 的文本，或者是來自論壇的文本。</p><p>HTML5:<article></article></p><p>HTML4:<div></div></p><p><aside>標簽定義 article 以外的內容。aside 的內容應該與 article 的內容相關。</p><p>HTML5:<aside>Aside 的內容是獨立的內容，但應與文檔內容相關。</aside></p><p>HTML4:<div>Aside 的內容是獨立的內容，但應與文檔內容相關。</div></p><p><audio> 標簽定義聲音，比如音樂或其他音頻流。</p><p>HTML5:<audio src="">您的瀏覽器不支持 audio 標簽。</audio></p><p>HTML4:<object type="application/ogg" data="someaudio.wav"><param name="src" value="someaudio.wav"></object></p><p><canvas> 標簽定義圖形，比如圖表和其他圖像。這個 HTML 元素是為了客戶端矢量圖形而設計的。它自己沒有行為，但卻把一個繪圖 API 展現(xiàn)給客戶端 JavaScript 以使腳本能夠把想繪制的東西都繪制到一塊畫布上。</p><p>HTML5:<canvas id="myCanvas" width="200" height="200"></canvas></p><p>HTML4:<object data="inc/hdr.svg" type="image/svg+xml" width="200" height="200"></object></p><p><command> 標簽定義命令按鈕，比如單選按鈕、復選框或按鈕。</p><p>HTML5: <command onclick=cut（）" label="cut"></p><p>HTML4: none</p><p><datalist> 標簽定義可選數(shù)據(jù)的列表。與 input 元素配合使用，就可以制作出輸入值的下拉列表。</p><p>HTML5: <datalist></datalist></p><p>HTML4: see combobox.</p><p><details> 標簽定義元素的細節(jié)，用戶可進行查看，或通過點擊進行隱藏。與 <legend> 一起使用，來制作 detail 的標題。該標題對用戶是可見的，當在其上點擊時可打開或關閉 detail。</p><p>HTML5: <details></details></p><p>HTML4: <dl style="display:hidden"></dl></p><p><embed> 標簽定義嵌入的內容，比如插件。</p><p>HTML5: <embed src="" /></p><p>HTML4: <object data="flash.swf" type="application/x-shockwave-flash"></object></p><p><figcaption> 標簽定義 figure 元素的標題?！眆igcaption” 元素應該被置于 “figure” 元素的第一個或最后一個子元素的位置。</p><p>HTML5: <figure><figcaption>PRC</figcaption></figure></p><p>HTML4: none</p><p><figure> 標簽用于對元素進行組合。使用 <figcaption> 元素為元素組添加標題。</p><p>HTML5: <figure><figcaption>PRC</figcaption><p>The People&#39;s Republic of China was born in 1949&hellip;</p></figure></p><p>HTML4: <dl><h2>PRC</h2><p>The People&#39;s Republic of China was born in 1949&hellip;</p></dl></p><p><footer> 標簽定義 section 或 document 的頁腳。典型地，它會包含創(chuàng)作者的姓名、文檔的創(chuàng)作日期以及/或者聯(lián)系信息。</p><p>HTML5: <footer></footer></p><p>HTML4: <div></div></p><p><header> 標簽定義 section 或 document 的頁眉。</p><p>HTML5: <header></header></p><p>HTML4: <div></div></p><p><hgroup> 標簽用于對網頁或區(qū)段（section）的標題進行組合。</p><p>HTML5: <hgroup></hgroup></p><p>HTML4: <div></div></p><p><keygen> 標簽定義生成密鑰。</p><p>HTML5: <keygen></p><p>HTML4: none</p><p><mark>主要用來在視覺上向用戶呈現(xiàn)那些需要突出的文字。<mark>標簽的一個比較典型的應用就是在搜索結果中向用戶高亮顯示搜索關鍵詞。</p><p>HTML5: <mark></mark></p><p>HTML4: <span></span></p><p><meter> 標簽定義度量衡。僅用于已知最大和最小值的度量。必須定義度量的范圍，既可以在元素的文本中，也可以在 min/max 屬性中定義。</p><p>HTML5: <meter></meter></p><p>HTML4: none</p><p><nav> 標簽定義導航鏈接的部分。</p><p>HTML5: <nav></nav></p><p>HTML4:<ul></ul></p><p><output> 標簽定義不同類型的輸出，比如腳本的輸出。</p><p>HTML5: <output></output></p><p>HTML4: <span></span></p><p><progress> 標簽運行中的進程?？梢允褂?<progress> 標簽來顯示 JavaScript 中耗費時間的函數(shù)的進程。</p><p>HTML5: <progress></progress></p><p>HTML4: none</p><p><rp> 標簽在 ruby 注釋中使用，以定義不支持 ruby 元素的瀏覽器所顯示的內容。</p><p>HTML5: <ruby>漢 <rt><rp>（</rp>ㄏㄢˋ<rp>）</rp></rt></ruby></p><p>HTML4: none</p><p><rt> 標簽定義字符（中文注音或字符）的解釋或發(fā)音。</p><p>HTML5: <ruby>漢 <rt> ㄏㄢˋ </rt></ruby></p><p>HTML4: none</p><p><ruby> 標簽定義 ruby 注釋（中文注音或字符）。</p><p>HTML5: <ruby>漢 <rt><rp>（</rp>ㄏㄢˋ<rp>）</rp></rt></ruby></p><p>HTML4: none</p><p><section> 標簽定義文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。</p><p>HTML5: <section></section></p><p>HTML4: <div></div></p><p><source> 標簽為媒介元素（比如 <video> 和 <audio>）定義媒介資源。</p><p>HTML5: <source></p><p>HTML4: <param></p><p><summary> 標簽包含 details 元素的標題，”details” 元素用于描述有關文檔或文檔片段的詳細信息。”summary” 元素應該是 “details” 元素的第一個子元素。</p><p>HTML5: <details><summary>HTML 5</summary>This document teaches you everything you have to learn about HTML 5.</details></p><p>HTML4: none</p><p><time> 標簽定義日期或時間，或者兩者。</p><p>HTML5: <time></time></p><p>HTML4: <span></span></p><p><video> 標簽定義視頻，比如電影片段或其他視頻流。</p><p>HTML5: <video src="" controls="controls">您的瀏覽器不支持 video 標簽。</video></p><p>HTML4:<object type="video/ogg" data="movie.ogv"><param name="src" value="movie.ogv"></object></p><p>表示特定范圍內的數(shù)值，可用于工資、數(shù)量、百分比等 max表示最大值，min表示最小值，value代表當前值。</p><p>可以試試用js控制讓它從0變化到100。</p><p>time。表示時間值，屬性datetime強調時間</p><p>大會時間：<time>2015-10-6</time></p><p>運行效果：</p><p>因為該標簽是一個語義標簽，在瀏覽器上查看時沒有特別的效果，基本與沒有設置標簽的效果相同。</p><p>用來表示進度條</p><p>max：最大值，完成時的值</p><p>value：當前值</p><p>firefox運行結果：</p><p>chrome運行結果：</p><p>該標簽定義可選數(shù)據(jù)的列表。與 input 元素配合使用，就可以制作出輸入值的下拉列表。</p><p>當與input組合時既可以完成選擇有可以輸入。</p><p>在沒有使用HTML5時如果要在頁面中播放音頻與視頻，則可以使用的方法有：</p><p>a）、embed</p><p><embed src=""></embed></p><p>如一些三方插件，flowplayer602</p><p>html5多媒體組件指的是video（視頻）組件和audio（音頻）組件。HTML5多媒體組件可以在不借助諸如Flash Player等第三方插件的情況下，直接在你的網頁上嵌入多媒體組件。瀏覽器提供原生支持視頻的新能力使得網頁開發(fā)人員更易于在不依賴于外置插件有效性的情況下，在他們的網站上添加視頻組件。由于蘋果公司現(xiàn)階段在iPhone和iPad上使用的Flash技術的局限性，HTML5多媒體組件的能力就顯得尤為重要了。</p><p>用于在播放視頻，電影</p><p>標簽基本格式如下：</p><p>運行效果：</p><p>source是視頻源，可以有多種，當一種失敗時將選擇下一種，主要有如下3種：</p><p>Ogg=帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件</p><p>MPEG4=帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件</p><p>WebM=帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件</p><p>格式支持情況：</p><p>標簽屬性：</p><p>source子標簽屬性：</p><p>video API方法</p><p>video API屬性</p><p>video API事件</p><p>注意：</p><p>多數(shù)的HTML5標簽的innerHTML內容是瀏覽器不支持該標簽時顯示的內容。</p><p>事件綁定與監(jiān)聽的區(qū)別：</p><p>運行結果：</p><p>使用on事件名的形式綁定事件后綁定會覆蓋前面綁定的事件，也就是最后一個綁定的事件會生效；</p><p>使用addEventListener綁定事件則不會覆蓋，可同時在一個元素上綁定多個相同的事件。</p><p>video API的屬性與事件示例：</p><p>運行結果：</p><p>練習：</p><p>練習代碼：</p><p>audio可以實現(xiàn)播放聲音，音樂功能。</p><p><audio src= controls ></p><p>您的瀏覽器不支持audio元素</p><p></autio></p><p>audio標簽的屬性，很多屬性都是與video相同的：</p><p>autoplay：true|false，如果是 true，則音頻在就緒后馬上播放。</p><p>controls：true|false 如果是true，則向用戶顯示控件，比如播放按鈕。</p><p>end：numeric value 定義播放器在音頻流中的何處停止播放。默認地，聲音會播放到結尾。</p><p>loopend：numeric value 定義在音頻流中循環(huán)播放停止的位置，默認是 end 屬性的值。</p><p>loopstart： numeric value 定義在音頻流中循環(huán)播放的開始位置。默認是 start 屬性的值。</p><p>關于“HTML5新增和刪除的標簽有哪些”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。</p> <br> 當前文章：HTML5新增和刪除的標簽有哪些 <br> 標題來源：<a href="http://weahome.cn/article/jgggci.html">http://weahome.cn/article/jgggci.html</a> </div> </div> </div> <div id="squ6kqw" class="other container"> <h3>其他資訊</h3> <ul> <li> <a href="/article/dojjjeo.html">問答WordPress 問答的拼音</a> </li><li> <a href="/article/dojjjgp.html">gis基礎技術 gis基礎教學視頻</a> </li><li> <a href="/article/dojjjcj.html">WordPress禁IP wordpress封禁用戶</a> </li><li> <a href="/article/dojjjij.html">zblog地圖怎么做 zblog主題制作教程</a> </li><li> <a href="/article/dojjjio.html">包含平涼專業(yè)sap系統(tǒng)遷移的詞條</a> </li> </ul> </div> <div id="squ6kqw" class="footer"> <div id="squ6kqw" class="foota container"> <div id="squ6kqw" class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12"> <ul> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>網站制作</h3> <a target="_blank">網站制作</a><a target="_blank">溫江網站制作</a><a target="_blank">手機網站制作</a><a target="_blank">成都網站制作</a><a target="_blank">成都網站制作</a><a target="_blank">網站制作</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>企業(yè)服務</h3> <a target="_blank">ICP經營性備案</a><a target="_blank">免費做網站</a><a target="_blank">工商變更</a><a target="_blank">免費收錄</a><a target="_blank">網站備案</a><a target="_blank">互聯(lián)網藥品信息服務資格證</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>網站建設</h3> <a target="_blank">網站建設公司</a><a target="_blank">外貿網站建設</a><a target="_blank">安防網站建設方案</a><a target="_blank">成都門戶網站建設</a><a target="_blank">重慶電商網站建設</a><a target="_blank">營銷網站建設</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>服務器托管</h3> <a target="_blank">義龍電信機房</a><a target="_blank">光華服務器托管</a><a target="_blank">棕樹服務器托管</a><a target="_blank">服務器機柜租賃</a><a target="_blank">移動服務器托管</a><a target="_blank">二樞服務器托管</a> </li> </ul> </div> <div id="squ6kqw" class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12"> <p>全國免費咨詢:</p> <b>400-028-6601</b> <p>業(yè)務咨詢：028-86922220 / 13518219792</p> <p>節(jié)假值班：18980820575 / 13518219792</p> <p>聯(lián)系地址：成都市太升南路288號錦天國際A幢1002號</p> </div> </div> <div id="squ6kqw" class="footb"> <div id="squ6kqw" class="copy container"> <div id="squ6kqw" class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司 <a target="_blank">渝ICP備2021005571號</a></div> <!--<div id="squ6kqw" class="fr"><a target="_blank">成都網站建設</a>：<a target="_blank">創(chuàng)新互聯(lián)</a></div>--> </div> </div> <div id="squ6kqw" class="link"> <div id="squ6kqw" class="container"> 友情鏈接:： <a target="_blank">成都網站建設</a> <a target="_blank">重慶網站建設</a> <a href="">四川網站建設</a> <a href="">重慶建設網站</a> <a target="_blank">移動服務器托管</a> <a target="_blank">成都服務器托管</a> <a target="_blank">云服務器</a> <a target="_blank">廣告設計制作</a> <a target="_blank">重慶網頁設計</a> <a target="_blank">重慶做網站</a> <a target="_blank">重慶網站制作</a> <a href="">重慶網站建設</a> <a href="">重慶網站公司</a> <a href="">渝中網站制作</a> <a href="">重慶網站設計</a> </div> </div> </div> <div id="squ6kqw" class="foot"> <ul class="public-celan"> <li> <a target="_blank" class="a1 db tc"> <img src="/Public/Home/img/icon-23.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">在線咨詢</span> </a> </li> <li> <a href="tel:18980820575" class="a1 db tc"> <img src="/Public/Home/img/icon-24.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">電話咨詢</span> </a> </li> <li> <a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc"> <img src="/Public/Home/img/icon-25.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">QQ咨詢</span> </a> </li> <li> <a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up"> <img src="/Public/Home/img/icon-26.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">預約顧問</span> </a> </li> </ul> </div> <div id="squ6kqw" class="customer"> <dl class="icon1"> <dt> <a href="tencent://message/?uin=1683211881&Site=&Menu=yes"> <i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i> <p>在線咨詢</p> </a> </dt> </dl> <dl class="icon2"> <dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt> <dd><img src="/Public/Home/img/ewm.png"></dd> </dl> <dl class="icon3"> <dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt> <dd> <p>028-86922220（工作日）</p> <p>18980820575（7×24）</p> </dd> </dl> <dl class="icon4"> <dt class="sShow"> <a href="tencent://message/?uin=244261566&Site=&Menu=yes"> <i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p> </a> </dt> </dl> <dl class="icon5"> <dt class="gotop"> <a href="#top"> <i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p> </a> </dt> </dl> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://weahome.cn/" title="&#30495;&#23454;&#30340;&#22269;&#20135;&#20081;&#8553;&#88;&#88;&#88;&#54;&#54;&#31481;&#22827;&#20154;&#44;&#20116;&#26376;&#39321;&#20845;&#26376;&#23159;&#23159;&#28608;&#24773;&#32508;&#21512;&#44;&#20122;&#27954;&#26085;&#26412;&#86;&#65;&#19968;&#21306;&#20108;&#21306;&#19977;&#21306;&#44;&#20122;&#27954;&#31934;&#21697;&#19968;&#21306;&#20108;&#21306;&#19977;&#21306;&#40635;&#35910;">&#30495;&#23454;&#30340;&#22269;&#20135;&#20081;&#8553;&#88;&#88;&#88;&#54;&#54;&#31481;&#22827;&#20154;&#44;&#20116;&#26376;&#39321;&#20845;&#26376;&#23159;&#23159;&#28608;&#24773;&#32508;&#21512;&#44;&#20122;&#27954;&#26085;&#26412;&#86;&#65;&#19968;&#21306;&#20108;&#21306;&#19977;&#21306;&#44;&#20122;&#27954;&#31934;&#21697;&#19968;&#21306;&#20108;&#21306;&#19977;&#21306;&#40635;&#35910;</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="5fxb1" class="pl_css_ganrao" style="display: none;"><pre id="5fxb1"><ins id="5fxb1"><legend id="5fxb1"><sub id="5fxb1"></sub></legend></ins></pre><progress id="5fxb1"><p id="5fxb1"></p></progress><dl id="5fxb1"></dl><thead id="5fxb1"></thead><track id="5fxb1"><form id="5fxb1"></form></track><video id="5fxb1"><strong id="5fxb1"></strong></video><track id="5fxb1"><tt id="5fxb1"><progress id="5fxb1"><acronym id="5fxb1"></acronym></progress></tt></track><legend id="5fxb1"><th id="5fxb1"></th></legend><div id="5fxb1"><ol id="5fxb1"><style id="5fxb1"><nobr id="5fxb1"></nobr></style></ol></div><th id="5fxb1"><b id="5fxb1"></b></th><legend id="5fxb1"><big id="5fxb1"><pre id="5fxb1"><menuitem id="5fxb1"></menuitem></pre></big></legend><tt id="5fxb1"></tt><mark id="5fxb1"><form id="5fxb1"><p id="5fxb1"><var id="5fxb1"></var></p></form></mark><output id="5fxb1"><sub id="5fxb1"></sub></output><sup id="5fxb1"><label id="5fxb1"><video id="5fxb1"><em id="5fxb1"></em></video></label></sup><span id="5fxb1"><i id="5fxb1"><listing id="5fxb1"><dfn id="5fxb1"></dfn></listing></i></span><dfn id="5fxb1"></dfn><div id="5fxb1"><sup id="5fxb1"></sup></div><em id="5fxb1"><div id="5fxb1"></div></em><pre id="5fxb1"></pre><dfn id="5fxb1"><thead id="5fxb1"><style id="5fxb1"><label id="5fxb1"></label></style></thead></dfn><optgroup id="5fxb1"><ruby id="5fxb1"></ruby></optgroup><legend id="5fxb1"></legend><th id="5fxb1"><tt id="5fxb1"></tt></th><pre id="5fxb1"><i id="5fxb1"><listing id="5fxb1"><dfn id="5fxb1"></dfn></listing></i></pre><ruby id="5fxb1"><tt id="5fxb1"><progress id="5fxb1"><acronym id="5fxb1"></acronym></progress></tt></ruby><form id="5fxb1"></form><progress id="5fxb1"><form id="5fxb1"><legend id="5fxb1"><dfn id="5fxb1"></dfn></legend></form></progress><dl id="5fxb1"></dl><b id="5fxb1"><ins id="5fxb1"><address id="5fxb1"><p id="5fxb1"></p></address></ins></b><track id="5fxb1"></track><p id="5fxb1"><dfn id="5fxb1"></dfn></p><legend id="5fxb1"><dfn id="5fxb1"></dfn></legend><pre id="5fxb1"><dfn id="5fxb1"><u id="5fxb1"><ins id="5fxb1"></ins></u></dfn></pre><tt id="5fxb1"></tt><th id="5fxb1"><tt id="5fxb1"></tt></th><mark id="5fxb1"><address id="5fxb1"><p id="5fxb1"><var id="5fxb1"></var></p></address></mark><strong id="5fxb1"></strong><ol id="5fxb1"><label id="5fxb1"></label></ol><form id="5fxb1"><rp id="5fxb1"></rp></form><ins id="5fxb1"><address id="5fxb1"></address></ins><u id="5fxb1"></u><ins id="5fxb1"><form id="5fxb1"></form></ins><form id="5fxb1"><rp id="5fxb1"></rp></form><font id="5fxb1"></font><ins id="5fxb1"><address id="5fxb1"></address></ins><form id="5fxb1"><rp id="5fxb1"></rp></form><i id="5fxb1"></i><ol id="5fxb1"><i id="5fxb1"><nobr id="5fxb1"><small id="5fxb1"></small></nobr></i></ol><pre id="5fxb1"></pre></div> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //獲取圖片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //絕對路徑 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>