HTML5新特性總結

2021-05-31    分類: 網站建設

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/115808.html">HTML5新特性總結</a> <br> URL鏈接:<a href="http://m.kartarina.com/news/115808.html">http://m.kartarina.com/news/115808.html</a> </p> <p> <a href="http://m.kartarina.com/" target="_blank">成都網站建設公司</a>_<a target="_blank">創新互聯</a>,為您提供<a href="http://m.kartarina.com/news/wxxcx/">微信小程序</a>、<a href="http://m.kartarina.com/news/yingxiao/">網站營銷</a>、<a href="http://m.kartarina.com/news/ruanjiankaifa/">軟件開發</a>、<a href="http://m.kartarina.com/news/pinpaisheji/">品牌網站設計</a>、<a href="http://m.kartarina.com/news/host/">虛擬主機</a>、<a href="http://m.kartarina.com/news/yidongjianshe/">移動網站建設</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="yykgaki" class="newsmorelb"> <p>猜你還喜歡下面的內容</p> <ul> <li> <a href="/news/115804.html">網站怎么樣推廣?</a> <span>2021-05-31</span> </li><li> <a href="/news/115802.html">電商“五大體系”構筑互聯網快車</a> <span>2021-05-31</span> </li><li> <a href="/news/115800.html">互聯網高光時刻正在被“國風”包圍!</a> <span>2021-05-31</span> </li><li> <a href="/news/115798.html">把客戶作為核心的網站你了解的有多少?</a> <span>2021-05-31</span> </li><li> <a href="/news/115796.html">簡述網站LOGO設計的技巧</a> <span>2021-05-31</span> </li><li> <a href="/news/115794.html">線下零售除了拉個微信群,如何適應互聯網?</a> <span>2021-05-31</span> </li><li> <a href="/news/115790.html">外鏈對網站的重要性</a> <span>2021-05-31</span> </li><li> <a href="/news/115788.html">建站方面問題總結</a> <span>2021-05-31</span> </li> </ul> </div> </div> <div id="woaqccu" class="col-lg-3 noneb"> <a href="http://m.kartarina.com/paiming/chengdu.html" title="成都seo排名網站優化" target="_blank"><img src="/upload/news/paiming.png" alt="成都seo排名網站優化" class="img-responsive"></a> <div id="qqcosca" class="bkright"> <p><a href="http://m.kartarina.com/news/jianshe/">網站建設知識</a></p> <ul> <li> <a class="text_overflow" href="/news/115807.html">深圳企業網站統計分析系統要觀察的指標</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115803.html">互聯網“數據服務”成為下沉市場“新寵”</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115801.html">客戶有網站問題你可以直接說,其實用不著這樣?</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115799.html">APP節日圖標設計思路</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115793.html">巧妙運用交互打造精致營銷網站</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115791.html">企業網站做好以后如何推廣,網站推廣需要注意的幾個重點</a> <span>2021-05-31</span> </li> <li> <a class="text_overflow" href="/news/115786.html">建設門戶網站有哪些方面值得關注?</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115785.html">北京黃女士建設網站的經歷</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115779.html">工業互聯網細分賽道力量正在發力</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115778.html">網站開發的過程當中,應該從哪幾個環節出發</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115777.html">電商網站對于企業品牌宣傳的重要性</a> <span>2021-05-31</span> </li> </ul> </div> <div id="caeiukk" class="bkright tag"> <p><a href="http://m.kartarina.com/hangye/" target="_blank">行業建站</a></p> <ul> <li id="kkgsemm" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/jiulousj/" target="_blank">酒樓設計</a> </li><li id="ueqsgom" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/jbgc/" target="_blank">攪拌罐車</a> </li><li id="oeqmyeo" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/qzgqb/" target="_blank">輕質隔墻板</a> </li><li id="ccqcowe" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/putaojia/" target="_blank">葡萄架</a> </li><li id="goimiqq" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/ggsj/" target="_blank">廣告設計</a> </li><li id="qguwska" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/sclsb/" target="_blank">水處理設備</a> </li><li id="iqwiykq" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/banjia/" target="_blank">搬家公司</a> </li><li id="aseykcc" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://m.kartarina.com/hangye/fwqtg/" target="_blank">服務器托管</a> </li> </ul> </div> </div> </div> <footer> <div id="ygcgsas" class="carousel-inner footjz"> <div id="ogwcwme" 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="owkwiaa" class="carousel-inner bqsy"> <div id="skwsuse" class="container"> <div id="ksgawmo" 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="owauiyy" class="dz">專注: <a target="_blank">定制網站建設</a><a target="_blank">做網站</a><a target="_blank">服務器托管</a><a target="_blank">成都網站制作</a><a target="_blank">廣告設計</a> <address>地址:成都太升南路288號錦天國際A幢10樓</address> </div> </div> <div id="kuykeom" 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">国产精品成人99一区无码</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">精品国产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">无码国产亚洲日韩国精品视频一区二区三区</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">人妻丰满熟妇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">18禁无遮拦无码国产在线播放</a>| <a href="http://" target="_blank">亚洲精品高清无码视频</a>| <a href="http://" target="_blank">亚洲精品无码久久毛片</a>| <a href="http://" target="_blank">欧美性生交xxxxx无码影院∵</a>| <a href="http://" target="_blank">99久久无码一区人妻a黑</a>| <a href="http://" target="_blank">亚洲国产精品无码久久SM </a>| <a href="http://" target="_blank">无码精品人妻一区二区三区免费</a>| <a href="http://" target="_blank">亚洲AV无码1区2区久久</a>| <a href="http://" target="_blank">国精品无码A区一区二区</a>| <a href="http://" target="_blank">潮喷失禁大喷水aⅴ无码</a>| <a href="http://" target="_blank">无码人妻AⅤ一区二区三区 </a>| <a href="http://" target="_blank">无码8090精品久久一区</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">亚洲av无码成人黄网站在线观看 </a>| <a href="http://" target="_blank">亚洲无码日韩精品第一页</a>| <a href="http://" target="_blank">日韩人妻无码一区二区三区久久99 </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="iquus" class="pl_css_ganrao" style="display: none;"><abbr id="iquus"></abbr><pre id="iquus"></pre><em id="iquus"></em><ul id="iquus"><dl id="iquus"><xmp id="iquus"></xmp></dl></ul><noframes id="iquus"></noframes><li id="iquus"></li><input id="iquus"></input><em id="iquus"></em><cite id="iquus"></cite><s id="iquus"><center id="iquus"><optgroup id="iquus"></optgroup></center></s><input id="iquus"><pre id="iquus"><abbr id="iquus"></abbr></pre></input><center id="iquus"></center><samp id="iquus"></samp><code id="iquus"></code><tr id="iquus"></tr><table id="iquus"></table><blockquote id="iquus"><noscript id="iquus"><wbr id="iquus"></wbr></noscript></blockquote><pre id="iquus"><nav id="iquus"><strike id="iquus"></strike></nav></pre><tfoot id="iquus"><table id="iquus"><cite id="iquus"></cite></table></tfoot><abbr id="iquus"></abbr><td id="iquus"><kbd id="iquus"><strong id="iquus"></strong></kbd></td><rt id="iquus"></rt><del id="iquus"></del><ul id="iquus"><table id="iquus"><tr id="iquus"></tr></table></ul><dl id="iquus"></dl><code id="iquus"></code><dfn id="iquus"><samp id="iquus"><optgroup id="iquus"></optgroup></samp></dfn><li id="iquus"></li><s id="iquus"><samp id="iquus"><tbody id="iquus"></tbody></samp></s><kbd id="iquus"><strong id="iquus"><blockquote id="iquus"></blockquote></strong></kbd><rt id="iquus"></rt><small id="iquus"><sup id="iquus"><tr id="iquus"></tr></sup></small><s id="iquus"><td id="iquus"><noscript id="iquus"></noscript></td></s><strong id="iquus"></strong><em id="iquus"></em><optgroup id="iquus"></optgroup><acronym id="iquus"></acronym><ul id="iquus"></ul><optgroup id="iquus"></optgroup><td id="iquus"></td><sup id="iquus"></sup><dd id="iquus"></dd><acronym id="iquus"><nav id="iquus"><center id="iquus"></center></nav></acronym><nav id="iquus"><center id="iquus"><em id="iquus"></em></center></nav><em id="iquus"></em><bdo id="iquus"></bdo><noframes id="iquus"></noframes><abbr id="iquus"></abbr><menu id="iquus"></menu><option id="iquus"><wbr id="iquus"><sup id="iquus"></sup></wbr></option><center id="iquus"></center><th id="iquus"></th><kbd id="iquus"><th id="iquus"><blockquote id="iquus"></blockquote></th></kbd><s id="iquus"></s><noscript id="iquus"></noscript><acronym id="iquus"><nav id="iquus"><center id="iquus"></center></nav></acronym><li id="iquus"><input id="iquus"><del id="iquus"></del></input></li><xmp id="iquus"><bdo id="iquus"><source id="iquus"></source></bdo></xmp><bdo id="iquus"></bdo><del id="iquus"></del><tbody id="iquus"></tbody><object id="iquus"></object><strike id="iquus"></strike><center id="iquus"></center><wbr id="iquus"></wbr><s id="iquus"></s><abbr id="iquus"></abbr><xmp id="iquus"><bdo id="iquus"><source id="iquus"></source></bdo></xmp><tfoot id="iquus"></tfoot><dd id="iquus"></dd><li id="iquus"></li><xmp id="iquus"><abbr id="iquus"><source id="iquus"></source></abbr></xmp><rt id="iquus"><delect id="iquus"><nav id="iquus"></nav></delect></rt><em id="iquus"></em><tr id="iquus"><ul id="iquus"><code id="iquus"></code></ul></tr><rt id="iquus"><delect id="iquus"><nav id="iquus"></nav></delect></rt><abbr id="iquus"></abbr><blockquote id="iquus"></blockquote><center id="iquus"></center><pre id="iquus"></pre><tbody id="iquus"></tbody><dfn id="iquus"></dfn><bdo id="iquus"></bdo><noframes id="iquus"><rt id="iquus"><delect id="iquus"></delect></rt></noframes><optgroup id="iquus"><tfoot id="iquus"><option id="iquus"></option></tfoot></optgroup><tr id="iquus"></tr><input id="iquus"></input><wbr id="iquus"></wbr><center id="iquus"></center><source id="iquus"></source><pre id="iquus"></pre><strike id="iquus"></strike><small id="iquus"></small><dfn id="iquus"><abbr id="iquus"><th id="iquus"></th></abbr></dfn><small id="iquus"><sup id="iquus"><tr id="iquus"></tr></sup></small><input id="iquus"><xmp id="iquus"><button id="iquus"></button></xmp></input><option id="iquus"><wbr id="iquus"><ul id="iquus"></ul></wbr></option><th id="iquus"></th><button id="iquus"><tbody id="iquus"><strike id="iquus"></strike></tbody></button><dfn id="iquus"><menu id="iquus"><th id="iquus"></th></menu></dfn><td id="iquus"><kbd id="iquus"><strong id="iquus"></strong></kbd></td><abbr id="iquus"></abbr><th id="iquus"><option id="iquus"><code id="iquus"></code></option></th><dd id="iquus"></dd><rt id="iquus"></rt><del id="iquus"></del><s id="iquus"></s><strike id="iquus"></strike><fieldset id="iquus"></fieldset><noframes id="iquus"><rt id="iquus"><delect id="iquus"></delect></rt></noframes><tbody id="iquus"><dfn id="iquus"><kbd id="iquus"></kbd></dfn></tbody><input id="iquus"><xmp id="iquus"><abbr id="iquus"></abbr></xmp></input><td id="iquus"></td><object id="iquus"></object><tbody id="iquus"></tbody><cite id="iquus"><delect id="iquus"><noframes id="iquus"></noframes></delect></cite><td id="iquus"><kbd id="iquus"><optgroup id="iquus"></optgroup></kbd></td><pre id="iquus"><small id="iquus"><rt id="iquus"></rt></small></pre><rt id="iquus"><delect id="iquus"><small id="iquus"></small></delect></rt><menu id="iquus"><tfoot id="iquus"><pre id="iquus"></pre></tfoot></menu><strong id="iquus"></strong><s id="iquus"><samp id="iquus"><tbody id="iquus"></tbody></samp></s><tbody id="iquus"></tbody><tfoot id="iquus"></tfoot><ul id="iquus"><table id="iquus"><wbr id="iquus"></wbr></table></ul><th id="iquus"><ul id="iquus"><code id="iquus"></code></ul></th><center id="iquus"></center><sup id="iquus"></sup><xmp id="iquus"></xmp><tbody id="iquus"></tbody><table id="iquus"></table><em id="iquus"><s id="iquus"><dfn id="iquus"></dfn></s></em><pre id="iquus"></pre><tr id="iquus"></tr><s id="iquus"></s><center id="iquus"><abbr id="iquus"><tfoot id="iquus"></tfoot></abbr></center><code id="iquus"></code><noscript id="iquus"></noscript><rt id="iquus"><tr id="iquus"><ul id="iquus"></ul></tr></rt><small id="iquus"></small><tbody id="iquus"><s id="iquus"><kbd id="iquus"></kbd></s></tbody><acronym id="iquus"></acronym><source id="iquus"><pre id="iquus"><menu id="iquus"></menu></pre></source><blockquote id="iquus"></blockquote><tfoot id="iquus"></tfoot><pre id="iquus"></pre><strong id="iquus"></strong><tbody id="iquus"></tbody><abbr id="iquus"></abbr><em id="iquus"></em></div> </html>