HTML5增加了哪些優(yōu)勢(shì)？

2021-06-04 分類(lèi)：網(wǎng)站建設(shè)

HTML5屬于上一代HTML的新迭代語(yǔ)言，設(shè)計(jì)HTML5最主要的目的是為了在移動(dòng)設(shè)備上支持多媒體！！！

例如： video 標(biāo)簽和 audio 及 canvas 標(biāo)記

新特性：

1. 取消了過(guò)時(shí)的顯示效果標(biāo)記和等...

2. 新語(yǔ)義標(biāo)簽的引入

3. 新表單元素引入

4. canvas標(biāo)簽（圖形設(shè)計(jì)）

5. 本地?cái)?shù)據(jù)庫(kù)（本地存儲(chǔ)）

6. 一些API

好處：跨平臺(tái)

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

缺點(diǎn)：

pc端瀏覽器支持不是特別友好，造成用戶體驗(yàn)不佳(隨著移動(dòng)端的發(fā)展不斷擴(kuò)大和win10（ie10）的大量推廣，這一缺點(diǎn)將被無(wú)限縮小)

HTML5新語(yǔ)義標(biāo)簽

HTML5新標(biāo)簽的數(shù)量在25個(gè)左右具體也沒(méi)有找到詳細(xì)的資料來(lái)查看（每個(gè)網(wǎng)站顯示的數(shù)量都不一樣）

雖然新增的標(biāo)簽很多但是實(shí)際上用到的應(yīng)該只有十個(gè)左右MDN上有一句話“HTML 使用“標(biāo)記”來(lái)注明文本、圖片和其他內(nèi)容，以便于在 Web 瀏覽器中顯示。HTML 標(biāo)記包含一些特殊“元素”如，，<body>，<header>，<footer>，<article>，<section>，<p>，<div>，<span>，<img> 等等。” 這其中大部分有HTML5以前的標(biāo)簽也有HTML5的而這些剛好就是我們常用的標(biāo)簽，不常用的也許不必太過(guò)了解布局DIV也可以不是么？</div><div> 另外推薦大家在使用新語(yǔ)義標(biāo)簽的時(shí)候盡量每個(gè)獨(dú)立的頁(yè)面只使用一個(gè)標(biāo)簽作為包裹，語(yǔ)義化的作用就是seo（具體可百度），就是讓搜索引擎知道網(wǎng)上到底有些什么，如header 、main、footer標(biāo)簽等等，當(dāng)然你也可以寫(xiě)100個(gè)！</div><div> 以下總結(jié)出HTML5常用的標(biāo)簽：</div><div> “header” “nav” “main”“article” “address”“section”“aside” “footer”</div><div> 如果忘記了這些標(biāo)簽的意思可以訪問(wèn) MDN、W3C、或者CSND,當(dāng)然博客園上搜搜可能會(huì)更快</div><div> 以下為菜鳥(niǎo)教程對(duì)html5新標(biāo)簽的注解 http://www.runoob.com/html/html5-new-element.html</div><div> HTML5的重點(diǎn)標(biāo)簽之video和audio</div><div> <video></video> 視頻</div><div> 屬性：controls 顯示控制欄</div><div> 屬性：autoplay 自動(dòng)播放</div><div> 屬性：loop 設(shè)置循環(huán)播放</div><div> <audio></audio> 音頻</div><div> 屬性：controls 顯示控制欄</div><div> 屬性：autoplay 自動(dòng)播放</div><div> 屬性：loop 設(shè)置循環(huán)播放</div><div> video標(biāo)簽支持的格式 http://www.w3school.com.cn/html5/html_5_video.asp</div><div> 多媒體標(biāo)簽在網(wǎng)頁(yè)中的兼容效果方式（每個(gè)瀏覽器支持的情況不同所以需要做兼容性處理）（以下source屬性只會(huì)生效一個(gè) 即 if = true 之后就不執(zhí)行了）</div><div> <video></div><div> <source src="code/多媒體標(biāo)簽/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：顯示時(shí)間</div><div> }</div><div> （智能表單，會(huì)自動(dòng)對(duì)輸入的內(nèi)容做基本校驗(yàn)，內(nèi)容不符合基本校驗(yàn)則拒絕提交請(qǐng)求</div><div> 表單屬性</div><div> ◆form屬性：</div><div> autocomplete=on | off 自動(dòng)完成</div><div> novalidate=true | false 是否關(guān)閉校驗(yàn)</div><div> ◆ input屬性：</div><div> autofocus ：自動(dòng)獲取焦點(diǎn)</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：實(shí)現(xiàn)多選效果</div><div> placeholder ：占位符（提示信息）</div><div> required：必填項(xiàng) </div><div> HTML5中新的一些API</div><div> 以前獲取節(jié)點(diǎn)通過(guò)</div><div> document.getElementById("ID名稱(chēng)")這些還有className，name，tagname等等方式獲取返回當(dāng)前節(jié)點(diǎn) </div><div> H5新增的節(jié)點(diǎn)獲取方法只有兩個(gè)</div><div> document.querySelector("選擇器")；返回節(jié)點(diǎn)</div><div> document.querySelectorAll("選擇器"); 返回?cái)?shù)組</div><div> 可以好的代替以前或者節(jié)點(diǎn)的方式，如果無(wú)需兼容ie10以下的話</div><div> H5中對(duì)class的操作</div><div> classList.add("類(lèi)名") </div><div> 添加class類(lèi)名不返回任何值如果你把它賦值給一個(gè)變量得到結(jié)果是undefined</div><div> classList.remove("類(lèi)名"); 刪除</div><div> classList.contains("類(lèi)名"); </div><div> 檢查has className 是否存在返回布爾值即true and false</div><div> classList.toggle("active"); </div><div> 查詢active 是否存在，存在就刪除，不存在就添加，省去了if判斷！返回布爾值如果執(zhí)行多條即 true false true false.</div><div> 自定義屬性（小案例分析體驗(yàn)自定義屬性） data-自定義屬性名</div><div> 獲取自定義屬性 Dom.dataset 返回的是一個(gè)對(duì)象</div><div> Dom.dataset.屬性名或者 Dom.dataset[屬性名] </div><div> 注：屬性名無(wú)需加data如自定義屬性名 = data-canvas 那么獲取的時(shí)候直接dataset.canvas即可設(shè)置同理</div><div> 設(shè)置自定義屬性</div><div> Dom.dataset.自定義屬性名=值或者 Dom.dataset[自定義屬性名]=值；</div><div> 文件讀取 FileReader</div><div> FileReader 接口有3個(gè)用來(lái)讀取文件方法返回結(jié)果在result中</div><div> readAsBinaryString ---將文件讀取為二進(jìn)制編碼</div><div> readAsText ---將文件讀取為文本</div><div> readAsDataURL ---將文件讀取為DataURL</div><div> FileReader 提供的事件模型</div><div> onabort 中斷時(shí)觸發(fā)</div><div> onerror 出錯(cuò)時(shí)觸發(fā)</div><div> onload 文件讀取成功完成時(shí)觸發(fā)</div><div> onloadend 讀取完成觸發(fā)，無(wú)論成功或失敗</div><div> onloadstart 讀取開(kāi)始時(shí)觸發(fā)</div><div> onprogress 讀取中</div><div> 獲取當(dāng)前網(wǎng)絡(luò)狀態(tài) </div><div> window.navigator.onLine 返回一個(gè)布爾值網(wǎng)沒(méi)問(wèn)題返回true否則返回false</div><div> 網(wǎng)絡(luò)狀態(tài)事件（大部分為不支持和廢棄狀態(tài)也許移動(dòng)端用的比較多）</div><div> window.ononline</div><div> window.onoffline</div><div> 獲取地理定位 </div><div> 獲取一次當(dāng)前位置</div><div> window.navigator.geolocation.getCurrentPosition(success,error);</div><div> success成功之后獲取位置信息否則拋出錯(cuò)誤，比如獲取位置信息被拒絕</div><div> coords.latitude 維度</div><div> coords.longitude 經(jīng)度</div><div> 實(shí)時(shí)獲取當(dāng)前位置</div><div> window.navigator.geolocation.watchPosition(success,error);</div><div> 本地存儲(chǔ) 隨著互聯(lián)網(wǎng)的快速發(fā)展，基于網(wǎng)頁(yè)的應(yīng)用越來(lái)越普遍，同時(shí)也變的越來(lái)越復(fù)雜，為了滿足各種各樣的需求，會(huì)經(jīng)常性在本地存儲(chǔ)大量的數(shù)據(jù)，傳統(tǒng)方式我們以document.cookie來(lái)進(jìn)行存儲(chǔ)的，但是由于其存儲(chǔ)大小只有4k左右，并且解析也相當(dāng)?shù)膹?fù)雜，給開(kāi)發(fā)帶來(lái)諸多不便，HTML5規(guī)范則提出解決方案，使用sessionStorage和localStorage存儲(chǔ)數(shù)據(jù)。</div><div> localStorage：</div><div> 永久生效</div><div> 多窗口共享</div><div> 容量大約為20M</div><div> ◆window.localStorage.setItem(key,value) 設(shè)置存儲(chǔ)內(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> 生命周期為關(guān)閉當(dāng)前瀏覽器窗口</div><div> 可以在同一個(gè)窗口下訪問(wèn)</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如何修改默認(rèn)提示選項(xiàng)</div><div> 需要兩個(gè)幾個(gè)參數(shù)</div><div> placeholder = 默認(rèn)提示用戶輸入</div><div> oninvalid事件 = 當(dāng)用戶輸入不符合規(guī)則的時(shí)候提示的內(nèi)容隨意改setCustomValidity 就是用來(lái)修改 requered值的函數(shù)</div><div> oninput事件 = 約等于chuange事件立即執(zhí)行</div><div> console.log('Hello World')</div> <p> 文章題目：<a href="http://www.chinadenli.net/news/116361.html">HTML5增加了哪些優(yōu)勢(shì)？</a> <br> URL網(wǎng)址：<a href="http://www.chinadenli.net/news/116361.html">http://www.chinadenli.net/news/116361.html</a> </p> <p> <a href="http://www.chinadenli.net/" target="_blank">成都網(wǎng)站建設(shè)公司</a>_<a target="_blank">創(chuàng)新互聯(lián)</a>，為您提供<a href="http://www.chinadenli.net/news/yingxiao/">網(wǎng)站營(yíng)銷(xiāo)</a>、<a href="http://www.chinadenli.net/news/quanwang/">全網(wǎng)營(yíng)銷(xiāo)推廣</a>、<a href="http://www.chinadenli.net/news/dingzhikaifa/">定制開(kāi)發(fā)</a>、<a href="http://www.chinadenli.net/news/mobile/">手機(jī)網(wǎng)站建設(shè)</a>、<a href="http://www.chinadenli.net/news/cehua/">網(wǎng)站策劃</a>、<a href="http://www.chinadenli.net/news/qiyejianzhan/">企業(yè)建站</a> </p> <p class="adpic"> <a href="http://www.chinadenli.net/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)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： <a href="http://www.chinadenli.net/" target="_blank">創(chuàng)新互聯(lián)</a> </p> </div> <div id="hflrf1z" class="newsmorelb"> <p>猜你還喜歡下面的內(nèi)容</p> <ul> <li> <a href="/news/116356.html">信息化的時(shí)代，文件的保存和備份顯得尤為重要</a> <span>2021-06-04</span> </li><li> <a href="/news/116352.html">藍(lán)色的信息量與網(wǎng)頁(yè)表現(xiàn)</a> <span>2021-06-04</span> </li><li> <a href="/news/116350.html">搭建網(wǎng)站前如何確定設(shè)計(jì)方案？</a> <span>2021-06-04</span> </li><li> <a href="/news/116348.html">企業(yè)網(wǎng)站建設(shè)要不要外包出去？</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)化應(yīng)遵循哪些</a> <span>2021-06-04</span> </li><li> <a href="/news/116340.html">開(kāi)發(fā)多語(yǔ)言網(wǎng)站時(shí)字符集應(yīng)該怎么選擇？</a> <span>2021-06-04</span> </li> </ul> </div> </div> <div id="rn7dnzn" class="col-lg-3 noneb"> <a href="http://www.chinadenli.net/" title="成都網(wǎng)站建設(shè)" target="_blank"><img src="/upload/news/jianzhan.png" alt="成都網(wǎng)站建設(shè)" class="img-responsive"></a> <div id="r7x3hf3" class="bkright"> <p><a href="http://www.chinadenli.net/news/jianshe/">網(wǎng)站建設(shè)知識(shí)</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)站時(shí)網(wǎng)站上的各欄目名稱(chēng)和版塊名稱(chēng)一定要通俗易懂？</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116351.html">網(wǎng)站應(yīng)該要如何去定位</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116349.html">百度推出了新的自媒體平臺(tái)---百度發(fā)布平臺(tái)</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116347.html">建設(shè)網(wǎng)站應(yīng)該注意什么</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116345.html">為什么設(shè)計(jì)師在網(wǎng)站和APP上都愛(ài)用tab式導(dǎo)航</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116341.html">網(wǎng)頁(yè)設(shè)計(jì)中構(gòu)圖的方法</a> <span>2021-06-04</span> </li> <li> <a class="text_overflow" href="/news/116339.html">為什么你開(kāi)發(fā)的小程序卻無(wú)法得到用戶青睞</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116337.html">SEO優(yōu)化中有時(shí)候會(huì)碰到內(nèi)頁(yè)的排名比首頁(yè)高是為什么？</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116336.html">開(kāi)發(fā)網(wǎng)站時(shí)需要注意哪些事項(xiàng)</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116335.html">發(fā)布網(wǎng)站與維護(hù)</a> <span>2021-06-04</span> </li><li> <a class="text_overflow" href="/news/116334.html">談?wù)勎覀內(nèi)绾嗡┳　爸┲搿钡奈?/a> <span>2021-06-04</span> </li> </ul> </div> <div id="rxxdjnr" class="bkright tag"> <p><a href="http://www.chinadenli.net/hangye/" target="_blank">行業(yè)建站</a></p> <ul> <li id="dvdznhx" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://www.chinadenli.net/hangye/shipaifang/" target="_blank">石牌坊</a> </li><li id="1vbhnrr" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://www.chinadenli.net/hangye/sdgz/" target="_blank">水電改造</a> </li><li id="7rvjhnp" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://www.chinadenli.net/hangye/jiaquan/" target="_blank">除甲醛</a> </li><li id="bx1lxbb" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://www.chinadenli.net/hangye/weilanhulan/" target="_blank">圍欄護(hù)欄</a> </li><li id="bbrfb7z" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://www.chinadenli.net/hangye/yhjdsj/" target="_blank">宴會(huì)酒店設(shè)計(jì)</a> </li><li id="pnvxxjd" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://www.chinadenli.net/hangye/bdfhw/" target="_blank">被動(dòng)防護(hù)網(wǎng)</a> </li><li id="j7l5vdp" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://www.chinadenli.net/hangye/shachuang/" target="_blank">紗窗</a> </li><li id="fbtzjht" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://www.chinadenli.net/hangye/bengche/" target="_blank">混凝土泵車(chē)</a> </li> </ul> </div> </div> </div> <footer> <div id="hdflltx" class="carousel-inner footjz"> <div id="x17zbff" class="container"> <i class="icon iconfont zbw"></i> 高品質(zhì)定制 <i class="icon iconfont"></i> 跨終端自動(dòng)兼容 <i class="icon iconfont"></i> 節(jié)約開(kāi)發(fā)成本 <i class="icon iconfont"></i> 開(kāi)發(fā)周期短 <i class="icon iconfont"></i> 一體化服務(wù) <button type="button" class="btn btn-default btn-lg" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 立即開(kāi)始2800定制網(wǎng)站建設(shè)</button> <button type="button" class="btn btn-default btn-xs" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 2800定制網(wǎng)站建設(shè)</button> </div> </div> <div id="rntbj73" class="carousel-inner bqsy"> <div id="nrp3hj7" class="container"> <div id="vvtlpv7" 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)站建設(shè)<span>QQ</span>：532337155</a> <a class="btn btn-default" href="tencent://message/?uin=631063699&Site=&Menu=yes" role="button">營(yíng)銷(xiāo)推廣<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">營(yíng)銷(xiāo)推廣<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="xbblrxd" class="dz">專(zhuān)注： <a target="_blank">重慶網(wǎng)站制作</a><a target="_blank">成都網(wǎng)站制作</a><a target="_blank">重慶網(wǎng)站建設(shè)公司</a><a href="http://www.chinadenli.net/" target="_blank">成都網(wǎng)站建設(shè)</a><a target="_blank">成都制作網(wǎng)站</a> <address>地址：成都太升南路288號(hào)錦天國(guó)際A幢10樓</address> </div> </div> <div id="hdbdpxz" class="bzdh dz"><img src="../imges/bottom_logo.png" alt="創(chuàng)新互聯(lián)"> <p><a href="http://www.chinadenli.net/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://www.chinadenli.net/" title="欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区">欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲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="tbdnt" class="pl_css_ganrao" style="display: none;"><b id="tbdnt"></b><u id="tbdnt"><listing id="tbdnt"></listing></u><output id="tbdnt"></output><ins id="tbdnt"></ins><tt id="tbdnt"><progress id="tbdnt"><font id="tbdnt"><big id="tbdnt"></big></font></progress></tt><dfn id="tbdnt"><dfn id="tbdnt"></dfn></dfn><optgroup id="tbdnt"><nobr id="tbdnt"></nobr></optgroup><meter id="tbdnt"><small id="tbdnt"></small></meter><form id="tbdnt"><big id="tbdnt"></big></form><big id="tbdnt"><acronym id="tbdnt"></acronym></big><ins id="tbdnt"></ins><optgroup id="tbdnt"><strong id="tbdnt"></strong></optgroup><big id="tbdnt"><pre id="tbdnt"></pre></big><span id="tbdnt"><menuitem id="tbdnt"><address id="tbdnt"><thead id="tbdnt"></thead></address></menuitem></span><menuitem id="tbdnt"></menuitem><dfn id="tbdnt"><video id="tbdnt"><form id="tbdnt"><div id="tbdnt"></div></form></video></dfn><legend id="tbdnt"><menuitem id="tbdnt"><address id="tbdnt"><i id="tbdnt"></i></address></menuitem></legend><style id="tbdnt"><video id="tbdnt"></video></style><acronym id="tbdnt"></acronym><pre id="tbdnt"><legend id="tbdnt"><ol id="tbdnt"><strike id="tbdnt"></strike></ol></legend></pre><ol id="tbdnt"><div id="tbdnt"></div></ol><var id="tbdnt"><sub id="tbdnt"></sub></var><pre id="tbdnt"><pre id="tbdnt"></pre></pre><address id="tbdnt"><progress id="tbdnt"></progress></address><p id="tbdnt"><dfn id="tbdnt"><form id="tbdnt"><menuitem id="tbdnt"></menuitem></form></dfn></p><small id="tbdnt"><big id="tbdnt"><pre id="tbdnt"><pre id="tbdnt"></pre></pre></big></small><track id="tbdnt"><form id="tbdnt"></form></track><listing id="tbdnt"><dl id="tbdnt"><strike id="tbdnt"><sup id="tbdnt"></sup></strike></dl></listing><dfn id="tbdnt"></dfn><nobr id="tbdnt"></nobr><legend id="tbdnt"><ol id="tbdnt"></ol></legend><listing id="tbdnt"></listing><ruby id="tbdnt"><sub id="tbdnt"></sub></ruby><tt id="tbdnt"></tt><pre id="tbdnt"></pre><thead id="tbdnt"><p id="tbdnt"><address id="tbdnt"><i id="tbdnt"></i></address></p></thead><mark id="tbdnt"><address id="tbdnt"><legend id="tbdnt"><var id="tbdnt"></var></legend></address></mark><form id="tbdnt"><ruby id="tbdnt"><address id="tbdnt"><i id="tbdnt"></i></address></ruby></form><track id="tbdnt"><legend id="tbdnt"><ruby id="tbdnt"><dfn id="tbdnt"></dfn></ruby></legend></track><tt id="tbdnt"><meter id="tbdnt"><form id="tbdnt"><big id="tbdnt"></big></form></meter></tt><i id="tbdnt"><rp id="tbdnt"></rp></i><form id="tbdnt"><ruby id="tbdnt"></ruby></form><address id="tbdnt"><thead id="tbdnt"><strong id="tbdnt"><strong id="tbdnt"></strong></strong></thead></address><ruby id="tbdnt"><sub id="tbdnt"></sub></ruby><b id="tbdnt"><div id="tbdnt"></div></b><span id="tbdnt"></span><style id="tbdnt"><listing id="tbdnt"></listing></style><ol id="tbdnt"><tt id="tbdnt"></tt></ol><pre id="tbdnt"><dl id="tbdnt"><sup id="tbdnt"><optgroup id="tbdnt"></optgroup></sup></dl></pre><form id="tbdnt"></form><tt id="tbdnt"></tt><i id="tbdnt"><dl id="tbdnt"><strong id="tbdnt"><dfn id="tbdnt"></dfn></strong></dl></i><big id="tbdnt"></big><pre id="tbdnt"><var id="tbdnt"><strong id="tbdnt"><listing id="tbdnt"></listing></strong></var></pre><optgroup id="tbdnt"><ol id="tbdnt"></ol></optgroup><thead id="tbdnt"><menuitem id="tbdnt"></menuitem></thead><thead id="tbdnt"><dl id="tbdnt"><strong id="tbdnt"><output id="tbdnt"></output></strong></dl></thead><rp id="tbdnt"></rp><strong id="tbdnt"><style id="tbdnt"><sup id="tbdnt"><b id="tbdnt"></b></sup></style></strong><div id="tbdnt"><sup id="tbdnt"></sup></div><dfn id="tbdnt"></dfn><legend id="tbdnt"><nobr id="tbdnt"></nobr></legend><dfn id="tbdnt"></dfn><nobr id="tbdnt"><em id="tbdnt"><video id="tbdnt"><dl id="tbdnt"></dl></video></em></nobr><strike id="tbdnt"><tt id="tbdnt"></tt></strike><acronym id="tbdnt"><optgroup id="tbdnt"></optgroup></acronym><font id="tbdnt"><big id="tbdnt"><label id="tbdnt"><optgroup id="tbdnt"></optgroup></label></big></font><tt id="tbdnt"><dfn id="tbdnt"></dfn></tt><legend id="tbdnt"><ruby id="tbdnt"><strong id="tbdnt"><ins id="tbdnt"></ins></strong></ruby></legend><nobr id="tbdnt"><u id="tbdnt"></u></nobr><optgroup id="tbdnt"><var id="tbdnt"><sub id="tbdnt"><legend id="tbdnt"></legend></sub></var></optgroup><b id="tbdnt"><ruby id="tbdnt"></ruby></b><ruby id="tbdnt"><sup id="tbdnt"><optgroup id="tbdnt"><strong id="tbdnt"></strong></optgroup></sup></ruby><rp id="tbdnt"><u id="tbdnt"></u></rp><thead id="tbdnt"><rp id="tbdnt"></rp></thead><ol id="tbdnt"></ol><pre id="tbdnt"></pre><nobr id="tbdnt"><strong id="tbdnt"><ins id="tbdnt"><strong id="tbdnt"></strong></ins></strong></nobr><p id="tbdnt"></p><style id="tbdnt"><label id="tbdnt"></label></style><menuitem id="tbdnt"><sup id="tbdnt"></sup></menuitem><tt id="tbdnt"><meter id="tbdnt"></meter></tt><strong id="tbdnt"><sup id="tbdnt"></sup></strong><p id="tbdnt"><dfn id="tbdnt"><pre id="tbdnt"><strong id="tbdnt"></strong></pre></dfn></p><form id="tbdnt"><p id="tbdnt"></p></form><font id="tbdnt"><strike id="tbdnt"></strike></font><dfn id="tbdnt"><video id="tbdnt"></video></dfn><acronym id="tbdnt"><optgroup id="tbdnt"><var id="tbdnt"><big id="tbdnt"></big></var></optgroup></acronym><listing id="tbdnt"></listing><font id="tbdnt"></font><pre id="tbdnt"><ruby id="tbdnt"><em id="tbdnt"><progress id="tbdnt"></progress></em></ruby></pre><nobr id="tbdnt"><p id="tbdnt"></p></nobr><dl id="tbdnt"></dl><font id="tbdnt"></font><track id="tbdnt"><pre id="tbdnt"><dl id="tbdnt"><dfn id="tbdnt"></dfn></dl></pre></track><form id="tbdnt"><ol id="tbdnt"></ol></form><menuitem id="tbdnt"><sup id="tbdnt"></sup></menuitem><output id="tbdnt"><b id="tbdnt"></b></output><label id="tbdnt"><legend id="tbdnt"><var id="tbdnt"><u id="tbdnt"></u></var></legend></label><th id="tbdnt"><u id="tbdnt"><output id="tbdnt"><small id="tbdnt"></small></output></u></th><ruby id="tbdnt"><dfn id="tbdnt"><ins id="tbdnt"><b id="tbdnt"></b></ins></dfn></ruby><ruby id="tbdnt"><em id="tbdnt"></em></ruby><listing id="tbdnt"><font id="tbdnt"></font></listing><output id="tbdnt"><b id="tbdnt"></b></output><address id="tbdnt"><optgroup id="tbdnt"></optgroup></address><dfn id="tbdnt"></dfn><pre id="tbdnt"></pre><tt id="tbdnt"><listing id="tbdnt"></listing></tt><style id="tbdnt"><video id="tbdnt"><form id="tbdnt"><style id="tbdnt"></style></form></video></style><p id="tbdnt"><label id="tbdnt"></label></p><optgroup id="tbdnt"><strike id="tbdnt"></strike></optgroup><ruby id="tbdnt"></ruby><tt id="tbdnt"></tt><mark id="tbdnt"><tt id="tbdnt"><output id="tbdnt"><span id="tbdnt"></span></output></tt></mark><dl id="tbdnt"><big id="tbdnt"><pre id="tbdnt"><pre id="tbdnt"></pre></pre></big></dl><sup id="tbdnt"></sup><sup id="tbdnt"><optgroup id="tbdnt"></optgroup></sup><form id="tbdnt"><ruby id="tbdnt"><label id="tbdnt"><listing id="tbdnt"></listing></label></ruby></form><legend id="tbdnt"></legend><p id="tbdnt"></p><p id="tbdnt"><pre id="tbdnt"></pre></p><form id="tbdnt"><dfn id="tbdnt"><video id="tbdnt"><form id="tbdnt"></form></video></dfn></form><thead id="tbdnt"><span id="tbdnt"></span></thead><progress id="tbdnt"><nobr id="tbdnt"><p id="tbdnt"><output id="tbdnt"></output></p></nobr></progress><thead id="tbdnt"><nobr id="tbdnt"></nobr></thead><ruby id="tbdnt"><sup id="tbdnt"></sup></ruby><dl id="tbdnt"><dfn id="tbdnt"><ins id="tbdnt"><b id="tbdnt"></b></ins></dfn></dl><sub id="tbdnt"></sub><ol id="tbdnt"><strike id="tbdnt"></strike></ol><p id="tbdnt"><dfn id="tbdnt"><form id="tbdnt"><menuitem id="tbdnt"></menuitem></form></dfn></p><var id="tbdnt"></var><nobr id="tbdnt"><address id="tbdnt"></address></nobr><legend id="tbdnt"></legend><menuitem id="tbdnt"><address id="tbdnt"><ins id="tbdnt"><dl id="tbdnt"></dl></ins></address></menuitem><optgroup id="tbdnt"><rp id="tbdnt"></rp></optgroup><optgroup id="tbdnt"><rp id="tbdnt"></rp></optgroup><tt id="tbdnt"><listing id="tbdnt"><legend id="tbdnt"><var id="tbdnt"></var></legend></listing></tt><nobr id="tbdnt"><strong id="tbdnt"></strong></nobr><progress id="tbdnt"><small id="tbdnt"></small></progress><tt id="tbdnt"><track id="tbdnt"></track></tt><thead id="tbdnt"><nobr id="tbdnt"></nobr></thead><u id="tbdnt"><label id="tbdnt"></label></u><legend id="tbdnt"><ol id="tbdnt"><big id="tbdnt"><output id="tbdnt"></output></big></ol></legend><strike id="tbdnt"></strike><div id="tbdnt"><dfn id="tbdnt"></dfn></div><optgroup id="tbdnt"><th id="tbdnt"></th></optgroup><ol id="tbdnt"><label id="tbdnt"></label></ol><nobr id="tbdnt"><label id="tbdnt"></label></nobr><output id="tbdnt"><form id="tbdnt"><nobr id="tbdnt"><dfn id="tbdnt"></dfn></nobr></form></output><output id="tbdnt"><b id="tbdnt"></b></output></div> </html>