今天小編給大家分享一下HTML5中div，article，section怎么使用的相關知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
10年積累的成都網(wǎng)站制作、網(wǎng)站設計經(jīng)驗，可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你，你也不認識我。但先網(wǎng)站設計后付款的網(wǎng)站建設流程，更有磁縣免費網(wǎng)站建設讓你可以放心的選擇與我們合作。
DIV
HTML規(guī)格：“div元素沒有特殊意義可言”
這個。標簽是我們見得最多，用得最多的一個標簽本身沒有任何語義，用作布局以及樣式化或腳本的鉤子（鉤）
部
HTML規(guī)格：“的一節(jié)元素表示一個文檔或應用程序的通用部分。在此上下文中，一節(jié)是內(nèi)容的主題分組，通常帶有標題?！?/p>
與div的無語義相對，簡單指向section就是帶有語義的div了，但是千萬不要覺得真得這么簡單。一段專題性的內(nèi)容，一般會帶有標題看到這里，我們也許會想到，那么一篇博客文章，或者一條單獨的評論豈不是正好可以用部分嗎接著看：？
“鼓勵作者使用聯(lián)合元素的內(nèi)容是合理的，而不是section元素。
當元素內(nèi)容聚合起來更加言之有物時，應該使用文章來替換部分。
那么，部分應該什么時候用呢再接著看：
“節(jié)的例子是章節(jié)，在一個標簽式對話框中的各個標簽頁面，或論文的編號部分。網(wǎng)站的主頁可以分為幾個部分，以進行介紹，新聞和聯(lián)系信息?！?/p>
部分應用的典型場景有文章的章節(jié)，章節(jié)和標簽中間的標簽頁，或者論文中有編號的部分。興趣，因為感覺部分和下面要介紹的artilce更加適用于替代應用，這個話題以后會出篇專門的文章來討論，這里暫時略過。
要注意，W3C還警告說：
“ section元素不是通用容器元素。當出于樣式目的或為了方便編寫腳本而需要某個元素時，鼓勵作者改用div元素。一般規(guī)則是，只有在文檔的大綱中明確列出該元素的內(nèi)容時，section元素才是合適的?！?/p>
節(jié)不僅僅是一個普通的容器標簽。當一個標簽只是為了樣式化或者方便腳本使用時，應該使用DIV。一般來說，當元素內(nèi)容明確地出現(xiàn)在文檔大綱中時，部分就是適用的。
文章
HTML規(guī)范：“ article元素代表文檔，頁面，應用程序或站點中的獨立組成，并且原則上可以獨立分發(fā)或重用，例如在聯(lián)合組織中?！?/p>
一般來說，文章會有一個標題部分（通常包含在header內(nèi)），有時也會包含footer。雖然section也是帶有主題性的一塊內(nèi)容，但是無論從結構上還是內(nèi)容上來說，文章本身就是獨立的，完整的
。HTML Spec論壇的帖子，一本雜志或報紙上的文章，博客條目，用戶提交的評論，一個互動的小部件或小工具，或任何其他內(nèi)容無關的項目。”
當文章內(nèi)嵌的文章時，原則上來說，內(nèi)部的文章的內(nèi)容是和外層的文章內(nèi)容是相關的。例如，文章博客文章中，包含用戶提交的評論的文章就應該潛逃在包含博客文章文章之中。
問題是怎么算“完整的獨立內(nèi)容”？一個最簡單的判斷方法是看該內(nèi)容在RSS feed中是不是完整的?？催@段內(nèi)容脫離了所在的語境，是否還是完整的，獨立的。
示例：
html頁面：
復制代碼
代碼如下：
<！DOCTYPE html>
初學html5 </ title></p><p><！-meta標簽-></p><p><meta name =“ keywords “ content =”“></p><p><元名稱=”描述“ content =”“></p><p><！-stylesheets-></p><p><link rel =” stylesheet“ href =” css / common.css“ type =” text / css“></p><p><link rel =“ stylesheet” href =“ css / layout.css” type =“ text / css”></p><p><link rel =“ stylesheet” href =“ css / reset.css” type =“ text / css”></p><p><！ --javascript-></p><p><script src =“ js / jquery-1.3.2.min.js”> </ script></p><p><！-條件注釋-></p><p><！-[如果是IE]></p><p><script src =“ js / html5.js”> </ script></p><p><！[endif]-></p><p></ head></p><p><body class = “ home”></p><p><div class="squ6kqw" id =“ container”></p><p><header id =“ page-header”></p><p><div class="squ6kqw" id =“ logo”> <a href="/"> <img src =“ images / graphic-logo.gif” alt =“ mylogo”> </a> < / div></p><p><nav id =“ main-navigation”></p><p><ul></p><p><li id="squ6kqw" class =“ current”> <a href="#">首頁</a> </ li></p><p><li style =“ color：red; “> <a href="#">關于</a> </ li></p><p><li> <a href="#">服務</a> </ li></p><p><li> <a href="#">信息</a> </ li></p><p><li> <a href="#">聯(lián)系</a> </ li></p><p></ ul></p><p></ nav></p><p></ header></p><p><article id =“ page-content” ></p><p><部分></p><p><hgroup></p><p><h2>這是一個用HTML5做的網(wǎng)頁</ h2></p><p><h3> HTML5 + CSS3網(wǎng)頁</ h3></p><p></ hgroup></p><p><p> Lorem ipsum dolor坐著，安全地撫平elitVivamus ac iaculis。Maecenas id fermentum dioo。每名土著人和每位遠見人均獲得的類許可。Fusce sagittis porta mauris，埃庫里斯·埃格斯塔斯·梅斯·普埃斯特埃梅特。Sed ullamcorper orci eu dolor egestas sodales。Donec tempor aliquet pulvinar。sed sed turpis sapien，ac dictum sem。Phasellus metus leo，在不合時宜的地心引力，bibendum id magna。Vivamus ac nunc Tortor。Lorem ipsum dolor坐下，一直保持良好狀態(tài)。在quis justo ligula。Suspendisse sodales的潰瘍會導致后果。埃涅阿調(diào)味品eros mi。Duis consectetur胎盤車輛。</ p></p><p><h3>列表項的演示</ h3></p><p><ul></p><p><li> Lorem ipsum dolor sit amet </ li></p><p><li> Lorem ipsum dolor sit amet </ li></p><p><li> Lorem ipsum dolor sit amet </ li></p><p><li> Lorem ipsum dolor sit amet </ li></p><p></ li></p><p></ li> </ li> </ li> UL></p><p><OL></p><p><LI> Lorem存有悲坐阿梅特</ LI></p><p><LI> Lorem存有悲坐阿梅特</ LI></p><p><LI> Lorem存有悲坐阿梅特</ LI></p><p><LI> Lorem存有悲坐阿梅特< / li></p><p><li> Lorem ipsum dolor sit amet </ li></p><p></ ol></p><p></ section></p><p><aside></p><p><h3>這就是aside部分的內(nèi)容</ h3></p><p><p>在Turpis的Aliquam id lorem actellus fringilla bibendum等。在utautor justo中。整數(shù)和semper hendrerit。埃尼安（Aenean）狐臭間斷性自體性硬化，sap dapibus miultricies患病。Curabitur一個nunc nisi，ac ornare nisi。坦帕（Semper）Placerat Accumsan。Cras eu nibh lorem。塞德（Sed）坐著ligula vitae orci molestie sollicitudin坐著odio。毛利人非精英accilsums eleifend。Maecenas eu velit坐在amet neque iaculis dapibus。整數(shù)mol est id dignissim blandit。Quisque malesuada mattis sollicitudin。Pellentesque volutpat pellentesque luctus。Lorem ipsum dolor坐下，一直保持良好狀態(tài)。Sed cursus au s sem convallis ullamcorper。Donec vitan magna nec lacus varius pellentesque vel nec diam。Morbi sagittis，magna sit amet sollicitudin ultricies，neque orci fermentum ipsum，非詛咒在賽前。Donec neque在sem suscipit faucibus中。Aliquam nisi turpis，volutpat quis suscipit in，varius vitae nunc。</ p></p><p></ aside></p><p></ article></p><p></ div></p><p><footer></p><p>＆copy; 版權所有Dave Woods 2009</p><p></ footer></p><p></ body></p><p></ html></p><p>css頁面：</p><p>復制代碼</p><p>代碼如下：</p><p>@charset“ utf-8”;</p><p>/ * CSS文檔* /</p><p>#container {</p><p>寬度：840px；</p><p>邊距：20px自動;</p><p>背景：#fff;</p><p>內(nèi)邊距：30px;</p><p>溢出：隱藏</p><p>}</p><p>/ * ---------------標頭---------------- * /</p><p>＃main-navigation {</p><p>border-bottom：5px solid＃666 ;</p><p>}</p><p>＃main-navigation ul {</p><p>overflow：hidden;</p><p>寬度：100％;</p><p>list-style：無；</p><p>字體大小：1.6em;</p><p>}</p><p>＃main-navigation li {</p><p>float：left;</p><p>}</p><p>＃main-navigation li a {</p><p>背景：＃999;</p><p>邊距：0 5px 0 0;</p><p>內(nèi)邊距：5px 30px;</p><p>顯示：塊;</p><p>顏色：#fff;</p><p>文字修飾：無；</p><p>}</p><p>＃main-navigation li.current a {</p><p>背景：＃666;</p><p>}</p><p>＃main-navigation li a：hover {</p><p>背景：＃777;</p><p>}</p><p>/ * --------------------------文章-------------------- ---- * /</p><p>文章{</p><p>寬度：100％；</p><p>溢出：隱藏</p><p>}</p><p>部分{</p><p>float：left;</p><p>寬度：500像素；</p><p>}</p><p>/ * --------------------------文章-------------------- ---- * /</p><p>除了{</p><p>float：right;</p><p>寬度：310像素；</p><p>}</p><p>/ * --------------------------文章-------------------- ---- * /</p><p>footer {</p><p>width：840px;</p><p>邊距：20px自動;</p><p>字體大小：1.4em;</p><p>text-align：center;</p><p>}</p><p>以上就是“HTML5中div，article，section怎么使用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。</p>
<br>
名稱欄目：HTML5中div，article，section怎么使用 <br>
路徑分享：<a href="http://weahome.cn/article/jiicde.html">http://weahome.cn/article/jiicde.html</a>
</div>
</div>
</div>
<div id="squ6kqw" class="other container">
<h3>其他資訊</h3>
<ul>
<li>
<a href="/article/digcsii.html">jquery先執(zhí)行某事件 jq 執(zhí)行點擊事件</a>
</li><li>
<a href="/article/digcese.html">mysql怎么格式化日期 mysql格式化日期的函數(shù)是什么</a>
</li><li>
<a href="/article/digcejc.html">麻將開發(fā)ios 麻將開發(fā)票</a>
</li><li>
<a href="/article/digcejh.html">jquery插入表格行 jquery表格動態(tài)加行</a>
</li><li>
<a href="/article/digceje.html">linux上級命令 linux系統(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>網(wǎng)站制作</h3>
<a target="_blank">手機網(wǎng)站制作</a><a target="_blank">手機網(wǎng)站制作</a><a target="_blank">網(wǎng)站制作</a><a target="_blank">wap網(wǎng)站制作</a><a target="_blank">網(wǎng)站制作報價</a><a target="_blank">手機網(wǎng)站制作設計</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>企業(yè)服務</h3>
<a target="_blank">網(wǎng)站收錄</a><a target="_blank">成都網(wǎng)站維護</a><a target="_blank">軟文發(fā)稿</a><a target="_blank">ssl證書</a><a target="_blank">網(wǎng)站備案</a><a target="_blank">工商服務</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站建設</h3>
<a target="_blank">成都模版網(wǎng)站建設</a><a target="_blank">上市企業(yè)網(wǎng)站建設方案</a><a target="_blank">公司網(wǎng)站建設</a><a target="_blank">成都網(wǎng)站建設公司</a><a target="_blank">鹽亭網(wǎng)站建設</a><a target="_blank">品牌網(wǎng)站建設</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">成都網(wǎng)站建設</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">成都網(wǎng)站建設</a>
<a target="_blank">重慶網(wǎng)站建設</a>
<a href="">四川網(wǎng)站建設</a>
<a href="">重慶建設網(wǎng)站</a>
<a target="_blank">移動服務器托管</a>
<a target="_blank">成都服務器托管</a>
<a target="_blank">云服務器</a>
<a target="_blank">廣告設計制作</a>
<a target="_blank">重慶網(wǎng)頁設計</a>
<a target="_blank">重慶做網(wǎng)站</a>
<a target="_blank">重慶網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站建設</a>
<a href="">重慶網(wǎng)站公司</a>
<a href="">渝中網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站設計</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="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</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="ywik8" class="pl_css_ganrao" style="display: none;"><em id="ywik8"></em><object id="ywik8"><bdo id="ywik8"><abbr id="ywik8"></abbr></bdo></object><code id="ywik8"><s id="ywik8"><cite id="ywik8"></cite></s></code><button id="ywik8"></button><tfoot id="ywik8"></tfoot><delect id="ywik8"></delect><s id="ywik8"><dfn id="ywik8"><noscript id="ywik8"></noscript></dfn></s><rt id="ywik8"></rt><samp id="ywik8"></samp><pre id="ywik8"></pre><abbr id="ywik8"><dl id="ywik8"><td id="ywik8"></td></dl></abbr><tr id="ywik8"></tr><td id="ywik8"></td><strong id="ywik8"><td id="ywik8"><table id="ywik8"></table></td></strong><optgroup id="ywik8"></optgroup><xmp id="ywik8"></xmp><dfn id="ywik8"></dfn><bdo id="ywik8"></bdo><td id="ywik8"><option id="ywik8"><noscript id="ywik8"></noscript></option></td><delect id="ywik8"><xmp id="ywik8"><sup id="ywik8"></sup></xmp></delect><rt id="ywik8"></rt><tfoot id="ywik8"></tfoot><center id="ywik8"></center><pre id="ywik8"></pre><optgroup id="ywik8"><tfoot id="ywik8"><tr id="ywik8"></tr></tfoot></optgroup><menu id="ywik8"></menu><abbr id="ywik8"></abbr><pre id="ywik8"></pre><td id="ywik8"></td><rt id="ywik8"></rt><cite id="ywik8"></cite><small id="ywik8"></small><input id="ywik8"></input><cite id="ywik8"><input id="ywik8"><tr id="ywik8"></tr></input></cite><em id="ywik8"></em><s id="ywik8"></s><tbody id="ywik8"></tbody><bdo id="ywik8"></bdo><code id="ywik8"><td id="ywik8"><button id="ywik8"></button></td></code><tbody id="ywik8"><abbr id="ywik8"><source id="ywik8"></source></abbr></tbody><noframes id="ywik8"></noframes><abbr id="ywik8"><table id="ywik8"><tbody id="ywik8"></tbody></table></abbr><dfn id="ywik8"><noscript id="ywik8"><wbr id="ywik8"></wbr></noscript></dfn><object id="ywik8"></object><pre id="ywik8"><ul id="ywik8"><abbr id="ywik8"></abbr></ul></pre><xmp id="ywik8"></xmp><kbd id="ywik8"></kbd><del id="ywik8"></del><noframes id="ywik8"><bdo id="ywik8"><dd id="ywik8"></dd></bdo></noframes><blockquote id="ywik8"></blockquote><tbody id="ywik8"><sup id="ywik8"><samp id="ywik8"></samp></sup></tbody><td id="ywik8"></td><center id="ywik8"></center><noframes id="ywik8"></noframes><kbd id="ywik8"></kbd><em id="ywik8"></em><pre id="ywik8"></pre><object id="ywik8"></object><input id="ywik8"></input><pre id="ywik8"></pre><noscript id="ywik8"></noscript><option id="ywik8"></option><option id="ywik8"><tbody id="ywik8"><nav id="ywik8"></nav></tbody></option><ul id="ywik8"><abbr id="ywik8"><noscript id="ywik8"></noscript></abbr></ul><s id="ywik8"></s><tr id="ywik8"></tr><em id="ywik8"><strike id="ywik8"><delect id="ywik8"></delect></strike></em><center id="ywik8"><pre id="ywik8"><ul id="ywik8"></ul></pre></center><tbody id="ywik8"><abbr id="ywik8"><menu id="ywik8"></menu></abbr></tbody><th id="ywik8"></th><dd id="ywik8"></dd><cite id="ywik8"><dd id="ywik8"><optgroup id="ywik8"></optgroup></dd></cite><del id="ywik8"><menu id="ywik8"><tr id="ywik8"></tr></menu></del><tbody id="ywik8"><abbr id="ywik8"><center id="ywik8"></center></abbr></tbody><dl id="ywik8"></dl><strong id="ywik8"><td id="ywik8"><button id="ywik8"></button></td></strong><table id="ywik8"><dl id="ywik8"><ul id="ywik8"></ul></dl></table><s id="ywik8"></s><center id="ywik8"></center><noframes id="ywik8"></noframes><acronym id="ywik8"></acronym><sup id="ywik8"></sup><fieldset id="ywik8"><samp id="ywik8"><em id="ywik8"></em></samp></fieldset><wbr id="ywik8"></wbr><center id="ywik8"><tbody id="ywik8"><td id="ywik8"></td></tbody></center><samp id="ywik8"></samp><wbr id="ywik8"><tfoot id="ywik8"><delect id="ywik8"></delect></tfoot></wbr><li id="ywik8"><input id="ywik8"><th id="ywik8"></th></input></li><strong id="ywik8"><wbr id="ywik8"><dfn id="ywik8"></dfn></wbr></strong><pre id="ywik8"><fieldset id="ywik8"><source id="ywik8"></source></fieldset></pre><xmp id="ywik8"></xmp><input id="ywik8"><dl id="ywik8"><wbr id="ywik8"></wbr></dl></input><nav id="ywik8"></nav><menu id="ywik8"></menu><tfoot id="ywik8"></tfoot><tr id="ywik8"></tr><pre id="ywik8"></pre><delect id="ywik8"><pre id="ywik8"><ul id="ywik8"></ul></pre></delect><source id="ywik8"><acronym id="ywik8"><small id="ywik8"></small></acronym></source><dfn id="ywik8"></dfn><abbr id="ywik8"></abbr><center id="ywik8"><em id="ywik8"><strike id="ywik8"></strike></em></center><optgroup id="ywik8"></optgroup><center id="ywik8"></center><nav id="ywik8"></nav><dfn id="ywik8"><code id="ywik8"><del id="ywik8"></del></code></dfn><tfoot id="ywik8"></tfoot><abbr id="ywik8"><rt id="ywik8"><acronym id="ywik8"></acronym></rt></abbr><tr id="ywik8"><small id="ywik8"><samp id="ywik8"></samp></small></tr><abbr id="ywik8"><rt id="ywik8"><pre id="ywik8"></pre></rt></abbr><table id="ywik8"></table><sup id="ywik8"></sup><center id="ywik8"></center><th id="ywik8"><wbr id="ywik8"><center id="ywik8"></center></wbr></th><acronym id="ywik8"></acronym><tr id="ywik8"></tr><input id="ywik8"><strong id="ywik8"><blockquote id="ywik8"></blockquote></strong></input><button id="ywik8"><tbody id="ywik8"><optgroup id="ywik8"></optgroup></tbody></button><th id="ywik8"><li id="ywik8"><rt id="ywik8"></rt></li></th><delect id="ywik8"></delect><input id="ywik8"></input><ul id="ywik8"></ul><tr id="ywik8"></tr><tr id="ywik8"><li id="ywik8"><source id="ywik8"></source></li></tr><abbr id="ywik8"></abbr><dfn id="ywik8"><samp id="ywik8"><em id="ywik8"></em></samp></dfn><center id="ywik8"><code id="ywik8"><td id="ywik8"></td></code></center><fieldset id="ywik8"></fieldset><abbr id="ywik8"></abbr><option id="ywik8"></option><small id="ywik8"><rt id="ywik8"><tbody id="ywik8"></tbody></rt></small><pre id="ywik8"><bdo id="ywik8"><delect id="ywik8"></delect></bdo></pre><noscript id="ywik8"></noscript><wbr id="ywik8"></wbr><li id="ywik8"></li><optgroup id="ywik8"></optgroup><acronym id="ywik8"></acronym><strong id="ywik8"></strong><del id="ywik8"></del><menu id="ywik8"><tr id="ywik8"><li id="ywik8"></li></tr></menu><acronym id="ywik8"></acronym><bdo id="ywik8"></bdo><noscript id="ywik8"><wbr id="ywik8"><button id="ywik8"></button></wbr></noscript><noscript id="ywik8"></noscript><li id="ywik8"><rt id="ywik8"><pre id="ywik8"></pre></rt></li><table id="ywik8"></table><fieldset id="ywik8"><dd id="ywik8"><em id="ywik8"></em></dd></fieldset><dd id="ywik8"><pre id="ywik8"><ul id="ywik8"></ul></pre></dd><abbr id="ywik8"></abbr><ul id="ywik8"></ul></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> 
重慶分公司
重慶分公司