HTML5增加了哪些優勢?

2021-06-04    分類: 網站建設

HTML5屬于上一代HTML的新迭代語言,設計HTML5最主要的目的是為了在移動設備上支持多媒體!!!

例如: video 標簽和 audio 及 canvas 標記

新特性:

 1. 取消了過時的顯示效果標記  
等...
 2. 新語義標簽的引入  
 3. 新表單元素引入
 4. canvas標簽(圖形設計)
 5. 本地數據庫(本地存儲)
 6. 一些API
好處:跨平臺

例如:比如你開發了一款HTML5的游戲,你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應用平臺,甚至可以通過封裝的技術發放到App Store或Google Play上,所以它的跨平臺性非常強大,這也是大多數人對HTML5有興趣的主要原因。
缺點:

pc端瀏覽器支持不是特別友好,造成用戶體驗不佳(隨著移動端的發展不斷擴大和win10(ie10)的大量推廣,這一缺點將被無限縮小)
HTML5新語義標簽
HTML5新標簽的數量在25個左右具體也沒有找到詳細的資料來查看(每個網站顯示的數量都不一樣)
雖然新增的標簽很多但是實際上用到的應該只有十個左右MDN上有一句話“HTML 使用“標記”來注明文本、圖片和其他內容,以便于在 Web 瀏覽器中顯示。HTML 標記包含一些特殊“元素”如 ,,<body>,<header>,<footer>,<article>,<section>,<p>,<div>,<span>,<img> 等等。” 這其中大部分有HTML5以前的標簽也有HTML5的而這些剛好就是我們常用的標簽,不常用的也許不必太過了解布局DIV也可以不是么?</div><div> 另外推薦大家在使用新語義標簽的時候盡量每個獨立的頁面只使用一個標簽作為包裹,語義化的作用就是seo(具體可百度),就是讓搜索引擎知道網上到底有些什么,如header 、main、footer標簽等等,當然你也可以寫100個!</div><div> 以下總結出HTML5常用的標簽:</div><div> “header” “nav” “main”“article” “address”“section”“aside” “footer”</div><div> 如果忘記了這些標簽的意思可以訪問 MDN、W3C、或者CSND,當然博客園上搜搜可能會更快</div><div> 以下為菜鳥教程對html5新標簽的注解 http://www.runoob.com/html/html5-new-element.html</div><div> HTML5的重點標簽之video和audio</div><div> <video></video> 視頻</div><div> 屬性:controls 顯示控制欄</div><div> 屬性:autoplay 自動播放</div><div> 屬性:loop 設置循環播放</div><div> <audio></audio> 音頻</div><div> 屬性:controls 顯示控制欄</div><div> 屬性:autoplay 自動播放</div><div> 屬性:loop 設置循環播放</div><div> video標簽支持的格式 http://www.w3school.com.cn/html5/html_5_video.asp</div><div> 多媒體標簽在網頁中的兼容效果方式(每個瀏覽器支持的情況不同所以需要做兼容性處理)(以下source屬性只會生效一個 即 if = true 之后 就不執行了)</div><div> <video></div><div> <source src="code/多媒體標簽/trailer.mp4"></div><div> <source src="trailer.ogg"></div><div> <source src="trailer.WebM"></div><div> </video></div><div> HTML5中的智能表單控件 </div><div> <input type="email"></div><div> type值 ={</div><div> email: 輸入合法的郵箱地址</div><div> url: 輸入合法的網址</div><div> number: 只能輸入數字</div><div> range: 滑塊</div><div> color: 拾色器</div><div> date: 顯示日期</div><div> month: 顯示月份</div><div> week : 顯示第幾周</div><div> time: 顯示時間</div><div> }</div><div> (智能表單,會自動對輸入的內容做基本校驗,內容不符合基本校驗則拒絕提交請求</div><div> 表單屬性</div><div> ◆form屬性:</div><div> autocomplete=on | off 自動完成</div><div> novalidate=true | false 是否關閉校驗</div><div> ◆ input屬性:</div><div> autofocus : 自動獲取焦點</div><div> <input type="text" list="abc"/></div><div>     <datalist id="abc"></div><div>     <option value="123">12312</option></div><div>     <option value="123">12312</option></div><div>     <option value="123">12312</option></div><div>     <option value="123">12312</option></div><div> </datalist></div><br /><div> multiple: 實現多選效果</div><div> placeholder : 占位符  (提示信息)</div><div> required:必填項    </div><div> HTML5中新的一些API</div><div> 以前獲取節點通過</div><div> document.getElementById("ID名稱")這些還有className,name,tagname等等方式獲取返回當前節點 </div><div> H5新增的節點獲取方法只有兩個</div><div> document.querySelector("選擇器"); 返回節點</div><div> document.querySelectorAll("選擇器"); 返回數組</div><div> 可以好的代替以前或者節點的方式,如果無需兼容ie10以下的話</div><div> H5中對class的操作</div><div> classList.add("類名") </div><div> 添加class類名 不返回任何值 如果你把它賦值給一個變量 得到結果是undefined</div><div> classList.remove("類名"); 刪除</div><div> classList.contains("類名"); </div><div> 檢查has className 是否存在返回布爾值 即true and false</div><div> classList.toggle("active"); </div><div> 查詢active 是否存在,存在就刪除,不存在就添加 ,省去了if判斷!返回布爾值如果執行多條 即 true false true false.</div><div> 自定義屬性 (小案例分析體驗自定義屬性) data-自定義屬性名</div><div> 獲取自定義屬性 Dom.dataset 返回的是一個對象</div><div> Dom.dataset.屬性名 或者 Dom.dataset[屬性名] </div><div> 注:屬性名無需加data如自定義屬性名 = data-canvas 那么獲取的時候 直接dataset.canvas即可 設置同理</div><div> 設置自定義屬性</div><div> Dom.dataset.自定義屬性名=值 或者 Dom.dataset[自定義屬性名]=值;</div><div> 文件讀取 FileReader</div><div> FileReader 接口有3個用來讀取文件方法返回結果在result中</div><div> readAsBinaryString ---將文件讀取為二進制編碼</div><div> readAsText ---將文件讀取為文本</div><div> readAsDataURL ---將文件讀取為DataURL</div><div> FileReader 提供的事件模型</div><div> onabort 中斷時觸發</div><div> onerror 出錯時觸發</div><div> onload 文件讀取成功完成時觸發</div><div> onloadend 讀取完成觸發,無論成功或失敗</div><div> onloadstart 讀取開始時觸發</div><div> onprogress 讀取中</div><div> 獲取當前網絡狀態 </div><div> window.navigator.onLine 返回一個布爾值 網沒問題返回true否則返回false</div><div> 網絡狀態事件 (大部分為不支持和廢棄狀態也許移動端用的比較多)</div><div> window.ononline</div><div> window.onoffline</div><div> 獲取地理定位 </div><div> 獲取一次當前位置</div><div> window.navigator.geolocation.getCurrentPosition(success,error);</div><div> success成功之后獲取位置信息 否則拋出錯誤,比如獲取位置信息被拒絕</div><div> coords.latitude 維度</div><div> coords.longitude 經度</div><div> 實時獲取當前位置</div><div> window.navigator.geolocation.watchPosition(success,error);</div><div> 本地存儲 隨著互聯網的快速發展,基于網頁的應用越來越普遍,同時也變的越來越復雜,為了滿足各種各樣的需求,會經常性在本地存儲大量的數據,傳統方式我們以document.cookie來進行存儲的,但是由于其存儲大小只有4k左右,并且解析也相當的復雜,給開發帶來諸多不便,HTML5規范則提出解決方案,使用sessionStorage和localStorage存儲數據。</div><div> localStorage:</div><div> 永久生效</div><div> 多窗口共享</div><div> 容量大約為20M</div><div> ◆window.localStorage.setItem(key,value) 設置存儲內容</div><div> ◆window.localStorage.getItem(key) 獲取內容</div><div> ◆window.localStorage.removeItem(key) 刪除內容</div><div> ◆window.localStorage.clear() 清空內容 </div><div> sessionStorage:</div><div> 生命周期為關閉當前瀏覽器窗口</div><div> 可以在同一個窗口下訪問</div><div> 數據大小為5M左右</div><div> ◆window.sessionStorage.setItem(key,value)</div><div> ◆window.sessionStorage.getItem(key)</div><div> ◆window.sessionStorage.removeItem(key)</div><div> ◆window.sessionStorage.clear()</div><div> required如何修改默認提示選項</div><div> 需要兩個幾個參數</div><div> placeholder = 默認提示用戶輸入</div><div> oninvalid事件 = 當用戶輸入不符合規則的時候提示的內容隨意改setCustomValidity 就是用來修改 requered值的函數</div><div> oninput事件 = 約等于chuange事件 立即執行</div><div> console.log('Hello World')</div> <p> 文章題目:<a href="http://m.kartarina.com/news/116361.html">HTML5增加了哪些優勢?</a> <br> URL網址:<a href="http://m.kartarina.com/news/116361.html">http://m.kartarina.com/news/116361.html</a> </p> <p> <a href="http://m.kartarina.com/" target="_blank">成都網站建設公司</a>_<a target="_blank">創新互聯</a>,為您提供<a href="http://m.kartarina.com/news/yingxiao/">網站營銷</a>、<a href="http://m.kartarina.com/news/quanwang/">全網營銷推廣</a>、<a href="http://m.kartarina.com/news/dingzhikaifa/">定制開發</a>、<a href="http://m.kartarina.com/news/mobile/">手機網站建設</a>、<a href="http://m.kartarina.com/news/cehua/">網站策劃</a>、<a href="http://m.kartarina.com/news/qiyejianzhan/">企業建站</a> </p> <p class="adpic"> <a href="http://m.kartarina.com/service/ad.html" target="_blank" class="ad">廣告</a> <a href="" target="_blank" class="adimg"><img src=""></a> </p> <p class="copy"> 聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: <a href="http://m.kartarina.com/" target="_blank">創新互聯</a> </p> </div> <div id="iiwu00s" class="newsmorelb"> <p>猜你還喜歡下面的內容</p> <ul> <li> <a href="/news/116356.html">信息化的時代,文件的保存和備份顯得尤為重要</a> <span>2021-06-04</span> </li><li> <a href="/news/116352.html">藍色的信息量與網頁表現</a> <span>2021-06-04</span> </li><li> <a href="/news/116350.html">搭建網站前如何確定設計方案?</a> <span>2021-06-04</span> </li><li> <a href="/news/116348.html">企業網站建設要不要外包出去?</a> <span>2021-06-04</span> </li><li> <a href="/news/116346.html">企業搭建官網的意義是什么?</a> <span>2021-06-04</span> </li><li> <a href="/news/116344.html">網站優化不一定需靜態化應遵循哪些</a> <span>2021-06-04</span> </li><li> <a href="/news/116340.html">開發多語言網站時字符集應該怎么選擇?</a> <span>2021-06-04</span> </li> </ul> </div> </div> <div id="gm8woww" class="col-lg-3 noneb"> <a href="http://m.kartarina.com/" title="成都網站建設" target="_blank"><img src="/upload/news/jianzhan.png" alt="成都網站建設" class="img-responsive"></a> <div id="owc8q08" class="bkright"> <p><a href="http://m.kartarina.com/news/jianshe/">網站建設知識</a></p> <ul> <li> <a class="text_overflow" href="/news/116357.html">支持舊IE瀏覽器的技巧</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116353.html">做網站時網站上的各欄目名稱和版塊名稱一定要通俗易懂?</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116351.html">網站應該要如何去定位</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116349.html">百度推出了新的自媒體平臺---百度發布平臺</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116347.html">建設網站應該注意什么</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116345.html">為什么設計師在網站和APP上都愛用tab式導航</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116341.html">網頁設計中構圖的方法</a> <span>2021-06-04</span> </li> <li> <a class="text_overflow" href="/news/116339.html">為什么你開發的小程序卻無法得到用戶青睞</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116337.html">SEO優化中有時候會碰到內頁的排名比首頁高是為什么?</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116336.html">開發網站時需要注意哪些事項</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116335.html">發布網站與維護</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116334.html">談談我們如何拴住“蜘蛛”的胃</a> <span>2021-06-04</span> </li> </ul> </div> <div id="uq88mo0" class="bkright tag"> <p><a href="http://m.kartarina.com/hangye/" target="_blank">行業建站</a></p> <ul> <li id="0mcqym8" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/shipaifang/" target="_blank">石牌坊</a> </li><li id="6gogki6" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/sdgz/" target="_blank">水電改造</a> </li><li id="8moyki0" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/jiaquan/" target="_blank">除甲醛</a> </li><li id="m0y0emw" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/weilanhulan/" target="_blank">圍欄護欄</a> </li><li id="wmau00q" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/yhjdsj/" target="_blank">宴會酒店設計</a> </li><li id="8u00uk8" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/bdfhw/" target="_blank">被動防護網</a> </li><li id="8cwas0m" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/shachuang/" target="_blank">紗窗</a> </li><li id="om8ycis" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/bengche/" target="_blank">混凝土泵車</a> </li> </ul> </div> </div> </div> <footer> <div id="wekey0k" class="carousel-inner footjz"> <div id="8a000q8" class="container"> <i class="icon iconfont zbw"></i> 高品質定制 <i class="icon iconfont"></i> 跨終端自動兼容 <i class="icon iconfont"></i> 節約開發成本 <i class="icon iconfont"></i> 開發周期短 <i class="icon iconfont"></i> 一體化服務 <button type="button" class="btn btn-default btn-lg" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 立即開始2800定制網站建設</button> <button type="button" class="btn btn-default btn-xs" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 2800定制網站建設</button> </div> </div> <div id="cauo8i0" class="carousel-inner bqsy"> <div id="cauoai0" class="container"> <div id="iqa8ou0" class="lxfs"> <h4 class="yutelnone">028-86922220 13518219792</h4> <h4 class="yutelblock"><a href="tel:02886922220">028-86922220</a> <a href="tel:13518219792">13518219792</a></h4> <a class="btn btn-default" href="tencent://message/?uin=532337155&Site=&Menu=yes" role="button">網站建設<span>QQ</span>:532337155</a> <a class="btn btn-default" href="tencent://message/?uin=631063699&Site=&Menu=yes" role="button">營銷推廣<span>QQ</span>:631063699</a> <a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" role="button">網站制作<span>QQ</span>:532337155</a> <a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=631063699&version=1&src_type=web&web_src=oicqzone.com" role="button">營銷推廣<span>QQ</span>:631063699</a> <a class="btn btn-default nonea" href="tencent://message/?uin=1683211881&Site=&Menu=yes" role="button">售后QQ:1683211881</a> <div id="0uy0ksu" class="dz">專注: <a target="_blank">重慶網站制作</a><a target="_blank">成都網站制作</a><a target="_blank">重慶網站建設公司</a><a href="http://m.kartarina.com/" target="_blank">成都網站建設</a><a target="_blank">成都制作網站</a> <address>地址:成都太升南路288號錦天國際A幢10樓</address> </div> </div> <div id="cse0i0m" class="bzdh dz"><img src="../imges/bottom_logo.png" alt="創新互聯"> <p><a href="http://m.kartarina.com/menu.html" target="_blank">成都創新互聯科技有限公司</a><br> Tel:400-028-6601(7x24h)</p></div> </div> </div> </footer> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p> <a href="http://m.kartarina.com/" title="99精品电影">99精品电影</a> <div class="friend-links"> </div> </div> </footer> 主站蜘蛛池模板: <a href="http://" target="_blank">亚洲AV无码国产剧情</a>| <a href="http://" target="_blank">精品久久久久久无码中文字幕</a>| <a href="http://" target="_blank">久久水蜜桃亚洲AV无码精品</a>| <a href="http://" target="_blank">在线观看成人无码中文av天堂</a>| <a href="http://" target="_blank">亚洲中久无码不卡永久在线观看</a>| <a href="http://" target="_blank">国产精品无码一区二区三区毛片</a>| <a href="http://" target="_blank">午夜无码熟熟妇丰满人妻</a>| <a href="http://" target="_blank">免费a级毛片无码a∨免费软件</a>| <a href="http://" target="_blank">亚洲AV无码一区二区乱子伦</a>| <a href="http://" target="_blank">国产精品无码无卡在线观看久</a>| <a href="http://" target="_blank">中文字幕无码毛片免费看</a>| <a href="http://" target="_blank">最新中文字幕av无码专区</a>| <a href="http://" target="_blank">岛国无码av不卡一区二区</a>| <a href="http://" target="_blank">精品韩国亚洲av无码不卡区</a>| <a href="http://" target="_blank">久久无码无码久久综合综合</a>| <a href="http://" target="_blank">用舌头去添高潮无码视频</a>| <a href="http://" target="_blank">无码H黄肉动漫在线观看网站</a>| <a href="http://" target="_blank">加勒比无码一区二区三区</a>| <a href="http://" target="_blank">国产50部艳色禁片无码</a>| <a href="http://" target="_blank">无码精品人妻一区二区三区影院 </a>| <a href="http://" target="_blank">寂寞少妇做spa按摩无码</a>| <a href="http://" target="_blank">亚洲av无码专区首页</a>| <a href="http://" target="_blank">久久午夜无码免费</a>| <a href="http://" target="_blank">国产精品无码AV一区二区三区</a>| <a href="http://" target="_blank">精品一区二区三区无码免费视频 </a>| <a href="http://" target="_blank">中文无码熟妇人妻AV在线</a>| <a href="http://" target="_blank">亚洲精品无码aⅴ中文字幕蜜桃</a>| <a href="http://" target="_blank">亚洲中文字幕无码久久2017</a>| <a href="http://" target="_blank">精品无码人妻久久久久久</a>| <a href="http://" target="_blank">国模无码视频一区</a>| <a href="http://" target="_blank">亚洲av无码一区二区三区天堂</a>| <a href="http://" target="_blank">国产亚洲精久久久久久无码</a>| <a href="http://" target="_blank">久久99久久无码毛片一区二区 </a>| <a href="http://" target="_blank">亚洲中文字幕久久无码</a>| <a href="http://" target="_blank">人妻丰满AV无码久久不卡</a>| <a href="http://" target="_blank">久久久久久久人妻无码中文字幕爆</a>| <a href="http://" target="_blank">真人无码作爱免费视频</a>| <a href="http://" target="_blank">国产精品无码素人福利免费</a>| <a href="http://" target="_blank">特级小箩利无码毛片</a>| <a href="http://" target="_blank">国产精品成人99一区无码</a>| <a href="http://" target="_blank">久久久久亚洲AV无码专区桃色</a>| <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="cg8gu" class="pl_css_ganrao" style="display: none;"><blockquote id="cg8gu"><option id="cg8gu"><th id="cg8gu"></th></option></blockquote><abbr id="cg8gu"></abbr><abbr id="cg8gu"></abbr><input id="cg8gu"></input><object id="cg8gu"></object><pre id="cg8gu"><code id="cg8gu"><delect id="cg8gu"></delect></code></pre><tr id="cg8gu"></tr><tr id="cg8gu"></tr><tr id="cg8gu"></tr><small id="cg8gu"></small><strike id="cg8gu"></strike><td id="cg8gu"><kbd id="cg8gu"><optgroup id="cg8gu"></optgroup></kbd></td><center id="cg8gu"><object id="cg8gu"><tr id="cg8gu"></tr></object></center><table id="cg8gu"></table><rt id="cg8gu"></rt><nav id="cg8gu"><center id="cg8gu"><tr id="cg8gu"></tr></center></nav><strike id="cg8gu"></strike><tfoot id="cg8gu"><delect id="cg8gu"><small id="cg8gu"></small></delect></tfoot><bdo id="cg8gu"></bdo><kbd id="cg8gu"></kbd><rt id="cg8gu"></rt><abbr id="cg8gu"></abbr><acronym id="cg8gu"></acronym><noscript id="cg8gu"></noscript><blockquote id="cg8gu"></blockquote><dl id="cg8gu"></dl><source id="cg8gu"><del id="cg8gu"><bdo id="cg8gu"></bdo></del></source><menu id="cg8gu"></menu><rt id="cg8gu"></rt><source id="cg8gu"></source><blockquote id="cg8gu"></blockquote><table id="cg8gu"></table><object id="cg8gu"></object><button id="cg8gu"></button><fieldset id="cg8gu"></fieldset><blockquote id="cg8gu"></blockquote><tbody id="cg8gu"></tbody><center id="cg8gu"><optgroup id="cg8gu"><tr id="cg8gu"></tr></optgroup></center><tbody id="cg8gu"></tbody><small id="cg8gu"><blockquote id="cg8gu"><option id="cg8gu"></option></blockquote></small><pre id="cg8gu"><noscript id="cg8gu"><wbr id="cg8gu"></wbr></noscript></pre><li id="cg8gu"></li><optgroup id="cg8gu"></optgroup><s id="cg8gu"></s><ul id="cg8gu"></ul><code id="cg8gu"><xmp id="cg8gu"><li id="cg8gu"></li></xmp></code><center id="cg8gu"></center><tr id="cg8gu"></tr><bdo id="cg8gu"></bdo><noframes id="cg8gu"><code id="cg8gu"><tr id="cg8gu"></tr></code></noframes><fieldset id="cg8gu"></fieldset><tbody id="cg8gu"></tbody><table id="cg8gu"><dl id="cg8gu"><button id="cg8gu"></button></dl></table><noframes id="cg8gu"><dl id="cg8gu"><acronym id="cg8gu"></acronym></dl></noframes><menu id="cg8gu"></menu><tfoot id="cg8gu"><table id="cg8gu"><cite id="cg8gu"></cite></table></tfoot><tbody id="cg8gu"></tbody><noscript id="cg8gu"><th id="cg8gu"><ul id="cg8gu"></ul></th></noscript><tfoot id="cg8gu"><abbr id="cg8gu"><menu id="cg8gu"></menu></abbr></tfoot><noscript id="cg8gu"></noscript><td id="cg8gu"></td><center id="cg8gu"></center><kbd id="cg8gu"><strong id="cg8gu"><dfn id="cg8gu"></dfn></strong></kbd><dfn id="cg8gu"><bdo id="cg8gu"><source id="cg8gu"></source></bdo></dfn><option id="cg8gu"><object id="cg8gu"><blockquote id="cg8gu"></blockquote></object></option><tbody id="cg8gu"></tbody><center id="cg8gu"></center><option id="cg8gu"><cite id="cg8gu"><sup id="cg8gu"></sup></cite></option><input id="cg8gu"></input><delect id="cg8gu"></delect><fieldset id="cg8gu"><dd id="cg8gu"><pre id="cg8gu"></pre></dd></fieldset><acronym id="cg8gu"><nav id="cg8gu"><tbody id="cg8gu"></tbody></nav></acronym><em id="cg8gu"><s id="cg8gu"><kbd id="cg8gu"></kbd></s></em><nav id="cg8gu"></nav><blockquote id="cg8gu"><noscript id="cg8gu"><th id="cg8gu"></th></noscript></blockquote><optgroup id="cg8gu"></optgroup><li id="cg8gu"></li><source id="cg8gu"><pre id="cg8gu"><menu id="cg8gu"></menu></pre></source><small id="cg8gu"></small><pre id="cg8gu"></pre><strong id="cg8gu"><blockquote id="cg8gu"><noscript id="cg8gu"></noscript></blockquote></strong><center id="cg8gu"></center><strike id="cg8gu"><kbd id="cg8gu"><strong id="cg8gu"></strong></kbd></strike><tfoot id="cg8gu"></tfoot><code id="cg8gu"><acronym id="cg8gu"><strike id="cg8gu"></strike></acronym></code><dl id="cg8gu"></dl><dl id="cg8gu"><tr id="cg8gu"><s id="cg8gu"></s></tr></dl><strong id="cg8gu"><td id="cg8gu"><kbd id="cg8gu"></kbd></td></strong><pre id="cg8gu"></pre><tbody id="cg8gu"><s id="cg8gu"><kbd id="cg8gu"></kbd></s></tbody><menu id="cg8gu"></menu><s id="cg8gu"><samp id="cg8gu"><optgroup id="cg8gu"></optgroup></samp></s><tbody id="cg8gu"></tbody><wbr id="cg8gu"></wbr><strike id="cg8gu"></strike><tfoot id="cg8gu"></tfoot><button id="cg8gu"></button><bdo id="cg8gu"></bdo><abbr id="cg8gu"></abbr><fieldset id="cg8gu"></fieldset><del id="cg8gu"><bdo id="cg8gu"><dd id="cg8gu"></dd></bdo></del><small id="cg8gu"></small><pre id="cg8gu"></pre><ul id="cg8gu"></ul><nav id="cg8gu"></nav><rt id="cg8gu"></rt><em id="cg8gu"><strong id="cg8gu"><samp id="cg8gu"></samp></strong></em><optgroup id="cg8gu"><fieldset id="cg8gu"><center id="cg8gu"></center></fieldset></optgroup><center id="cg8gu"></center><acronym id="cg8gu"></acronym><noscript id="cg8gu"></noscript><pre id="cg8gu"></pre><pre id="cg8gu"></pre><small id="cg8gu"></small><rt id="cg8gu"></rt><delect id="cg8gu"></delect><th id="cg8gu"></th><dd id="cg8gu"></dd><pre id="cg8gu"></pre><source id="cg8gu"></source><abbr id="cg8gu"></abbr><tr id="cg8gu"></tr><input id="cg8gu"><dfn id="cg8gu"><bdo id="cg8gu"></bdo></dfn></input><center id="cg8gu"></center><xmp id="cg8gu"><abbr id="cg8gu"><source id="cg8gu"></source></abbr></xmp><center id="cg8gu"></center><wbr id="cg8gu"><sup id="cg8gu"><table id="cg8gu"></table></sup></wbr><delect id="cg8gu"></delect><rt id="cg8gu"></rt><strong id="cg8gu"></strong><input id="cg8gu"></input><center id="cg8gu"><optgroup id="cg8gu"><td id="cg8gu"></td></optgroup></center><center id="cg8gu"><strong id="cg8gu"><td id="cg8gu"></td></strong></center><pre id="cg8gu"></pre><sup id="cg8gu"></sup><center id="cg8gu"></center><button id="cg8gu"></button><kbd id="cg8gu"></kbd><optgroup id="cg8gu"></optgroup><center id="cg8gu"></center><option id="cg8gu"></option><fieldset id="cg8gu"></fieldset><nav id="cg8gu"></nav><bdo id="cg8gu"></bdo><optgroup id="cg8gu"></optgroup><tfoot id="cg8gu"></tfoot><option id="cg8gu"></option><rt id="cg8gu"><acronym id="cg8gu"><nav id="cg8gu"></nav></acronym></rt><dd id="cg8gu"></dd><s id="cg8gu"><center id="cg8gu"><strong id="cg8gu"></strong></center></s></div> </html>