HTML5增加了哪些優(yōu)勢?

2021-06-04    分類: 網(wǎng)站建設

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

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

新特性:

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

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

pc端瀏覽器支持不是特別友好,造成用戶體驗不佳(隨著移動端的發(fā)展不斷擴大和win10(ie10)的大量推廣,這一缺點將被無限縮小)
HTML5新語義標簽
HTML5新標簽的數(shù)量在25個左右具體也沒有找到詳細的資料來查看(每個網(wǎng)站顯示的數(shù)量都不一樣)
雖然新增的標簽很多但是實際上用到的應該只有十個左右MDN上有一句話“HTML 使用“標記”來注明文本、圖片和其他內(nèi)容,以便于在 Web 瀏覽器中顯示。HTML 標記包含一些特殊“元素”如 ,,<body>,<header>,<footer>,<article>,<section>,<p>,<div>,<span>,<img> 等等。” 這其中大部分有HTML5以前的標簽也有HTML5的而這些剛好就是我們常用的標簽,不常用的也許不必太過了解布局DIV也可以不是么?</div><div> 另外推薦大家在使用新語義標簽的時候盡量每個獨立的頁面只使用一個標簽作為包裹,語義化的作用就是seo(具體可百度),就是讓搜索引擎知道網(wǎng)上到底有些什么,如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 設置循環(huán)播放</div><div> <audio></audio> 音頻</div><div> 屬性:controls 顯示控制欄</div><div> 屬性:autoplay 自動播放</div><div> 屬性:loop 設置循環(huán)播放</div><div> video標簽支持的格式 http://www.w3school.com.cn/html5/html_5_video.asp</div><div> 多媒體標簽在網(wǎng)頁中的兼容效果方式(每個瀏覽器支持的情況不同所以需要做兼容性處理)(以下source屬性只會生效一個 即 if = true 之后 就不執(zhí)行了)</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: 輸入合法的網(wǎng)址</div><div> number: 只能輸入數(shù)字</div><div> range: 滑塊</div><div> color: 拾色器</div><div> date: 顯示日期</div><div> month: 顯示月份</div><div> week : 顯示第幾周</div><div> time: 顯示時間</div><div> }</div><div> (智能表單,會自動對輸入的內(nèi)容做基本校驗,內(nèi)容不符合基本校驗則拒絕提交請求</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: 實現(xiàn)多選效果</div><div> placeholder : 占位符  (提示信息)</div><div> required:必填項    </div><div> HTML5中新的一些API</div><div> 以前獲取節(jié)點通過</div><div> document.getElementById("ID名稱")這些還有className,name,tagname等等方式獲取返回當前節(jié)點 </div><div> H5新增的節(jié)點獲取方法只有兩個</div><div> document.querySelector("選擇器"); 返回節(jié)點</div><div> document.querySelectorAll("選擇器"); 返回數(shù)組</div><div> 可以好的代替以前或者節(jié)點的方式,如果無需兼容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判斷!返回布爾值如果執(zhí)行多條 即 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 中斷時觸發(fā)</div><div> onerror 出錯時觸發(fā)</div><div> onload 文件讀取成功完成時觸發(fā)</div><div> onloadend 讀取完成觸發(fā),無論成功或失敗</div><div> onloadstart 讀取開始時觸發(fā)</div><div> onprogress 讀取中</div><div> 獲取當前網(wǎng)絡狀態(tài) </div><div> window.navigator.onLine 返回一個布爾值 網(wǎng)沒問題返回true否則返回false</div><div> 網(wǎng)絡狀態(tài)事件 (大部分為不支持和廢棄狀態(tài)也許移動端用的比較多)</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 經(jīng)度</div><div> 實時獲取當前位置</div><div> window.navigator.geolocation.watchPosition(success,error);</div><div> 本地存儲 隨著互聯(lián)網(wǎng)的快速發(fā)展,基于網(wǎng)頁的應用越來越普遍,同時也變的越來越復雜,為了滿足各種各樣的需求,會經(jīng)常性在本地存儲大量的數(shù)據(jù),傳統(tǒng)方式我們以document.cookie來進行存儲的,但是由于其存儲大小只有4k左右,并且解析也相當?shù)膹碗s,給開發(fā)帶來諸多不便,HTML5規(guī)范則提出解決方案,使用sessionStorage和localStorage存儲數(shù)據(jù)。</div><div> localStorage:</div><div> 永久生效</div><div> 多窗口共享</div><div> 容量大約為20M</div><div> ◆window.localStorage.setItem(key,value) 設置存儲內(nèi)容</div><div> ◆window.localStorage.getItem(key) 獲取內(nèi)容</div><div> ◆window.localStorage.removeItem(key) 刪除內(nèi)容</div><div> ◆window.localStorage.clear() 清空內(nèi)容 </div><div> sessionStorage:</div><div> 生命周期為關閉當前瀏覽器窗口</div><div> 可以在同一個窗口下訪問</div><div> 數(shù)據(jù)大小為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> 需要兩個幾個參數(shù)</div><div> placeholder = 默認提示用戶輸入</div><div> oninvalid事件 = 當用戶輸入不符合規(guī)則的時候提示的內(nèi)容隨意改setCustomValidity 就是用來修改 requered值的函數(shù)</div><div> oninput事件 = 約等于chuange事件 立即執(zhí)行</div><div> console.log('Hello World')</div> <p> 文章題目:<a href="http://bm7419.com/news/116361.html">HTML5增加了哪些優(yōu)勢?</a> <br> URL網(wǎng)址:<a href="http://bm7419.com/news/116361.html">http://bm7419.com/news/116361.html</a> </p> <p> <a href="http://bm7419.com/" target="_blank">成都網(wǎng)站建設公司</a>_<a target="_blank">創(chuàng)新互聯(lián)</a>,為您提供<a href="http://bm7419.com/news/yingxiao/">網(wǎng)站營銷</a>、<a href="http://bm7419.com/news/quanwang/">全網(wǎng)營銷推廣</a>、<a href="http://bm7419.com/news/dingzhikaifa/">定制開發(fā)</a>、<a href="http://bm7419.com/news/mobile/">手機網(wǎng)站建設</a>、<a href="http://bm7419.com/news/cehua/">網(wǎng)站策劃</a>、<a href="http://bm7419.com/news/qiyejianzhan/">企業(yè)建站</a> </p> <p class="adpic"> <a href="http://bm7419.com/service/ad.html" target="_blank" class="ad">廣告</a> <a href="" target="_blank" class="adimg"><img src=""></a> </p> <p class="copy"> 聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: <a href="http://bm7419.com/" target="_blank">創(chuàng)新互聯(lián)</a> </p> </div> <div id="75nastk" class="newsmorelb"> <p>猜你還喜歡下面的內(nèi)容</p> <ul> <li> <a href="/news/116356.html">信息化的時代,文件的保存和備份顯得尤為重要</a> <span>2021-06-04</span> </li><li> <a href="/news/116352.html">藍色的信息量與網(wǎng)頁表現(xiàn)</a> <span>2021-06-04</span> </li><li> <a href="/news/116350.html">搭建網(wǎng)站前如何確定設計方案?</a> <span>2021-06-04</span> </li><li> <a href="/news/116348.html">企業(yè)網(wǎng)站建設要不要外包出去?</a> <span>2021-06-04</span> </li><li> <a href="/news/116346.html">企業(yè)搭建官網(wǎng)的意義是什么?</a> <span>2021-06-04</span> </li><li> <a href="/news/116344.html">網(wǎng)站優(yōu)化不一定需靜態(tài)化應遵循哪些</a> <span>2021-06-04</span> </li><li> <a href="/news/116340.html">開發(fā)多語言網(wǎng)站時字符集應該怎么選擇?</a> <span>2021-06-04</span> </li> </ul> </div> </div> <div id="dx8f8oq" class="col-lg-3 noneb"> <a href="http://bm7419.com/" title="成都網(wǎng)站建設" target="_blank"><img src="/upload/news/jianzhan.png" alt="成都網(wǎng)站建設" class="img-responsive"></a> <div id="xwiuqd4" class="bkright"> <p><a href="http://bm7419.com/news/jianshe/">網(wǎng)站建設知識</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">做網(wǎng)站時網(wǎng)站上的各欄目名稱和版塊名稱一定要通俗易懂?</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116351.html">網(wǎng)站應該要如何去定位</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116349.html">百度推出了新的自媒體平臺---百度發(fā)布平臺</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116347.html">建設網(wǎng)站應該注意什么</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116345.html">為什么設計師在網(wǎng)站和APP上都愛用tab式導航</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116341.html">網(wǎng)頁設計中構圖的方法</a> <span>2021-06-04</span> </li> <li> <a class="text_overflow" href="/news/116339.html">為什么你開發(fā)的小程序卻無法得到用戶青睞</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116337.html">SEO優(yōu)化中有時候會碰到內(nèi)頁的排名比首頁高是為什么?</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116336.html">開發(fā)網(wǎng)站時需要注意哪些事項</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116335.html">發(fā)布網(wǎng)站與維護</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116334.html">談談我們?nèi)绾嗡┳ 爸┲搿钡奈?/a> <span>2021-06-04</span> </li> </ul> </div> <div id="reboewn" class="bkright tag"> <p><a href="http://bm7419.com/hangye/" target="_blank">行業(yè)建站</a></p> <ul> <li id="ymo0m4w" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/shipaifang/" target="_blank">石牌坊</a> </li><li id="fd5hzln" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/sdgz/" target="_blank">水電改造</a> </li><li id="nur0gh9" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/jiaquan/" target="_blank">除甲醛</a> </li><li id="nace9cz" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/weilanhulan/" target="_blank">圍欄護欄</a> </li><li id="gp0e4dk" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/yhjdsj/" target="_blank">宴會酒店設計</a> </li><li id="ftqwi0s" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/bdfhw/" target="_blank">被動防護網(wǎng)</a> </li><li id="zwuqnkw" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/shachuang/" target="_blank">紗窗</a> </li><li id="tci1dor" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/bengche/" target="_blank">混凝土泵車</a> </li> </ul> </div> </div> </div> <footer> <div id="wa0oqwo" class="carousel-inner footjz"> <div id="clikhsk" class="container"> <i class="icon iconfont zbw"></i> 高品質(zhì)定制 <i class="icon iconfont"></i> 跨終端自動兼容 <i class="icon iconfont"></i> 節(jié)約開發(fā)成本 <i class="icon iconfont"></i> 開發(fā)周期短 <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定制網(wǎng)站建設</button> <button type="button" class="btn btn-default btn-xs" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 2800定制網(wǎng)站建設</button> </div> </div> <div id="0curtqs" class="carousel-inner bqsy"> <div id="bkbyf0q" class="container"> <div id="h4sertv" 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">網(wǎng)站建設<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">網(wǎng)站制作<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="450nlhf" class="dz">專注: <a target="_blank">重慶網(wǎng)站制作</a><a target="_blank">成都網(wǎng)站制作</a><a target="_blank">重慶網(wǎng)站建設公司</a><a href="http://bm7419.com/" target="_blank">成都網(wǎng)站建設</a><a target="_blank">成都制作網(wǎng)站</a> <address>地址:成都太升南路288號錦天國際A幢10樓</address> </div> </div> <div id="qsj3d4d" class="bzdh dz"><img src="../imges/bottom_logo.png" alt="創(chuàng)新互聯(lián)"> <p><a href="http://bm7419.com/menu.html" target="_blank">成都創(chuàng)新互聯(lián)科技有限公司</a><br> Tel:400-028-6601(7x24h)</p></div> </div> </div> </footer> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p> <a href="http://bm7419.com/" title="曰本AⅤ无码视频一区二区">曰本AⅤ无码视频一区二区</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="k0lwd" class="pl_css_ganrao" style="display: none;"><dfn id="k0lwd"></dfn><b id="k0lwd"></b><u id="k0lwd"></u><style id="k0lwd"></style><input id="k0lwd"></input><option id="k0lwd"><tt id="k0lwd"><nav id="k0lwd"></nav></tt></option><dl id="k0lwd"></dl><em id="k0lwd"><dl id="k0lwd"></dl></em><optgroup id="k0lwd"></optgroup><th id="k0lwd"></th><th id="k0lwd"></th><s id="k0lwd"></s><label id="k0lwd"><acronym id="k0lwd"><fieldset id="k0lwd"><del id="k0lwd"></del></fieldset></acronym></label><strong id="k0lwd"><em id="k0lwd"></em></strong><source id="k0lwd"><option id="k0lwd"><div id="k0lwd"></div></option></source><source id="k0lwd"><th id="k0lwd"><xmp id="k0lwd"><strong id="k0lwd"></strong></xmp></th></source><small id="k0lwd"><samp id="k0lwd"><nav id="k0lwd"></nav></samp></small><label id="k0lwd"><tbody id="k0lwd"></tbody></label><rt id="k0lwd"><em id="k0lwd"><big id="k0lwd"><nav id="k0lwd"></nav></big></em></rt><b id="k0lwd"></b><fieldset id="k0lwd"><del id="k0lwd"><dl id="k0lwd"></dl></del></fieldset><source id="k0lwd"><button id="k0lwd"><dl id="k0lwd"><ul id="k0lwd"></ul></dl></button></source><small id="k0lwd"><pre id="k0lwd"><abbr id="k0lwd"><del id="k0lwd"></del></abbr></pre></small><video id="k0lwd"><fieldset id="k0lwd"></fieldset></video><nav id="k0lwd"><source id="k0lwd"><bdo id="k0lwd"><xmp id="k0lwd"></xmp></bdo></source></nav><s id="k0lwd"></s><ul id="k0lwd"><object id="k0lwd"></object></ul><strike id="k0lwd"></strike><dd id="k0lwd"><abbr id="k0lwd"><tr id="k0lwd"></tr></abbr></dd><label id="k0lwd"><acronym id="k0lwd"><var id="k0lwd"><del id="k0lwd"></del></var></acronym></label><table id="k0lwd"></table><optgroup id="k0lwd"></optgroup><rt id="k0lwd"></rt><optgroup id="k0lwd"><source id="k0lwd"><th id="k0lwd"></th></source></optgroup><thead id="k0lwd"><var id="k0lwd"><del id="k0lwd"></del></var></thead><button id="k0lwd"><optgroup id="k0lwd"><mark id="k0lwd"><pre id="k0lwd"></pre></mark></optgroup></button><xmp id="k0lwd"><kbd id="k0lwd"><dfn id="k0lwd"></dfn></kbd></xmp><pre id="k0lwd"><source id="k0lwd"><th id="k0lwd"><label id="k0lwd"></label></th></source></pre><tr id="k0lwd"></tr><output id="k0lwd"><source id="k0lwd"><option id="k0lwd"><th id="k0lwd"></th></option></source></output><output id="k0lwd"><code id="k0lwd"><tt id="k0lwd"><label id="k0lwd"></label></tt></code></output><button id="k0lwd"><em id="k0lwd"><form id="k0lwd"><output id="k0lwd"></output></form></em></button><option id="k0lwd"><th id="k0lwd"><tr id="k0lwd"></tr></th></option><rp id="k0lwd"></rp><dfn id="k0lwd"></dfn><fieldset id="k0lwd"></fieldset><delect id="k0lwd"></delect><pre id="k0lwd"><acronym id="k0lwd"><strike id="k0lwd"></strike></acronym></pre><div id="k0lwd"></div><object id="k0lwd"></object><tbody id="k0lwd"></tbody><ul id="k0lwd"><video id="k0lwd"></video></ul><var id="k0lwd"><strike id="k0lwd"></strike></var><cite id="k0lwd"><label id="k0lwd"><rt id="k0lwd"></rt></label></cite><wbr id="k0lwd"><option id="k0lwd"><nav id="k0lwd"><tr id="k0lwd"></tr></nav></option></wbr><div id="k0lwd"><optgroup id="k0lwd"><mark id="k0lwd"><s id="k0lwd"></s></mark></optgroup></div><menuitem id="k0lwd"><object id="k0lwd"></object></menuitem><center id="k0lwd"><abbr id="k0lwd"><dl id="k0lwd"><li id="k0lwd"></li></dl></abbr></center><i id="k0lwd"><center id="k0lwd"><dfn id="k0lwd"></dfn></center></i><option id="k0lwd"><sup id="k0lwd"><ins id="k0lwd"></ins></sup></option><legend id="k0lwd"></legend><tr id="k0lwd"><noscript id="k0lwd"></noscript></tr><legend id="k0lwd"></legend><optgroup id="k0lwd"></optgroup><nav id="k0lwd"><ins id="k0lwd"><style id="k0lwd"></style></ins></nav><thead id="k0lwd"></thead><em id="k0lwd"><dl id="k0lwd"><u id="k0lwd"><tr id="k0lwd"></tr></u></dl></em><wbr id="k0lwd"><option id="k0lwd"></option></wbr><th id="k0lwd"></th><optgroup id="k0lwd"><source id="k0lwd"></source></optgroup><table id="k0lwd"><menuitem id="k0lwd"><object id="k0lwd"></object></menuitem></table><address id="k0lwd"><nobr id="k0lwd"><strike id="k0lwd"></strike></nobr></address><div id="k0lwd"></div><tbody id="k0lwd"></tbody><abbr id="k0lwd"></abbr><abbr id="k0lwd"><i id="k0lwd"><button id="k0lwd"><legend id="k0lwd"></legend></button></i></abbr><tr id="k0lwd"><pre id="k0lwd"><center id="k0lwd"><p id="k0lwd"></p></center></pre></tr><li id="k0lwd"><address id="k0lwd"><code id="k0lwd"></code></address></li><meter id="k0lwd"></meter><del id="k0lwd"><rp id="k0lwd"></rp></del><dfn id="k0lwd"></dfn><address id="k0lwd"><nobr id="k0lwd"><sup id="k0lwd"><optgroup id="k0lwd"></optgroup></sup></nobr></address><tt id="k0lwd"></tt><font id="k0lwd"></font><cite id="k0lwd"></cite><tr id="k0lwd"><rt id="k0lwd"><sub id="k0lwd"></sub></rt></tr><tbody id="k0lwd"></tbody><del id="k0lwd"><input id="k0lwd"><ruby id="k0lwd"><address id="k0lwd"></address></ruby></input></del><legend id="k0lwd"><tt id="k0lwd"><th id="k0lwd"></th></tt></legend><delect id="k0lwd"></delect><tt id="k0lwd"><th id="k0lwd"></th></tt><acronym id="k0lwd"><acronym id="k0lwd"><cite id="k0lwd"></cite></acronym></acronym><noscript id="k0lwd"></noscript><acronym id="k0lwd"><rp id="k0lwd"></rp></acronym><tfoot id="k0lwd"></tfoot><em id="k0lwd"><b id="k0lwd"><sup id="k0lwd"></sup></b></em><legend id="k0lwd"><option id="k0lwd"><strike id="k0lwd"><tr id="k0lwd"></tr></strike></option></legend><track id="k0lwd"><dd id="k0lwd"><abbr id="k0lwd"><del id="k0lwd"></del></abbr></dd></track><button id="k0lwd"><legend id="k0lwd"><table id="k0lwd"><menuitem id="k0lwd"></menuitem></table></legend></button><del id="k0lwd"><dl id="k0lwd"><li id="k0lwd"><address id="k0lwd"></address></li></dl></del><abbr id="k0lwd"></abbr><small id="k0lwd"><ol id="k0lwd"><output id="k0lwd"></output></ol></small><tbody id="k0lwd"><label id="k0lwd"></label></tbody><strike id="k0lwd"><tr id="k0lwd"><i id="k0lwd"><button id="k0lwd"></button></i></tr></strike><pre id="k0lwd"><center id="k0lwd"><dfn id="k0lwd"><delect id="k0lwd"></delect></dfn></center></pre><center id="k0lwd"></center><ul id="k0lwd"><acronym id="k0lwd"></acronym></ul><strike id="k0lwd"><noframes id="k0lwd"><progress id="k0lwd"></progress></noframes></strike><option id="k0lwd"><th id="k0lwd"><tr id="k0lwd"></tr></th></option><strong id="k0lwd"><big id="k0lwd"><tr id="k0lwd"></tr></big></strong><samp id="k0lwd"><abbr id="k0lwd"><i id="k0lwd"><button id="k0lwd"></button></i></abbr></samp><object id="k0lwd"><i id="k0lwd"><button id="k0lwd"><th id="k0lwd"></th></button></i></object><mark id="k0lwd"></mark><del id="k0lwd"><tbody id="k0lwd"><li id="k0lwd"><dd id="k0lwd"></dd></li></tbody></del><sup id="k0lwd"></sup><big id="k0lwd"><nav id="k0lwd"><pre id="k0lwd"></pre></nav></big><thead id="k0lwd"></thead><abbr id="k0lwd"><source id="k0lwd"><th id="k0lwd"></th></source></abbr><strong id="k0lwd"></strong><progress id="k0lwd"><ol id="k0lwd"><dfn id="k0lwd"></dfn></ol></progress><acronym id="k0lwd"></acronym><output id="k0lwd"><source id="k0lwd"><button id="k0lwd"></button></source></output><ins id="k0lwd"><rt id="k0lwd"><em id="k0lwd"><dl id="k0lwd"></dl></em></rt></ins><menu id="k0lwd"><form id="k0lwd"><i id="k0lwd"></i></form></menu><tbody id="k0lwd"><input id="k0lwd"><pre id="k0lwd"><thead id="k0lwd"></thead></pre></input></tbody><strike id="k0lwd"></strike><kbd id="k0lwd"></kbd><dfn id="k0lwd"></dfn><samp id="k0lwd"><nav id="k0lwd"><ins id="k0lwd"><rt id="k0lwd"></rt></ins></nav></samp><u id="k0lwd"><acronym id="k0lwd"></acronym></u><rp id="k0lwd"></rp><span id="k0lwd"><legend id="k0lwd"><font id="k0lwd"><fieldset id="k0lwd"></fieldset></font></legend></span><output id="k0lwd"></output><thead id="k0lwd"></thead><dfn id="k0lwd"></dfn><dd id="k0lwd"></dd><del id="k0lwd"><tbody id="k0lwd"></tbody></del><pre id="k0lwd"></pre><label id="k0lwd"><sup id="k0lwd"></sup></label><tt id="k0lwd"><optgroup id="k0lwd"></optgroup></tt><form id="k0lwd"><pre id="k0lwd"><video id="k0lwd"></video></pre></form><legend id="k0lwd"></legend><cite id="k0lwd"></cite><dfn id="k0lwd"></dfn><dl id="k0lwd"><output id="k0lwd"><i id="k0lwd"><th id="k0lwd"></th></i></output></dl><button id="k0lwd"></button><li id="k0lwd"></li><output id="k0lwd"><i id="k0lwd"></i></output><ul id="k0lwd"><acronym id="k0lwd"><pre id="k0lwd"><center id="k0lwd"></center></pre></acronym></ul><li id="k0lwd"><dd id="k0lwd"><var id="k0lwd"><meter id="k0lwd"></meter></var></dd></li></div> </html>