HTML5新特性總結(jié)

2021-05-31    分類: 網(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名稱")這些還有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("類名")  </div><div> 添加class類名 不返回任何值 如果你把它賦值給一個(gè)變量 得到結(jié)果是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> 自定義屬性 (小案例分析體驗(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> 網(wǎng)頁(yè)題目:<a href="http://bm7419.com/news/115808.html">HTML5新特性總結(jié)</a> <br> URL鏈接:<a href="http://bm7419.com/news/115808.html">http://bm7419.com/news/115808.html</a> </p> <p> <a href="http://bm7419.com/" target="_blank">成都網(wǎng)站建設(shè)公司</a>_<a target="_blank">創(chuàng)新互聯(lián)</a>,為您提供<a href="http://bm7419.com/news/wxxcx/">微信小程序</a>、<a href="http://bm7419.com/news/yingxiao/">網(wǎng)站營(yíng)銷</a>、<a href="http://bm7419.com/news/ruanjiankaifa/">軟件開(kāi)發(fā)</a>、<a href="http://bm7419.com/news/pinpaisheji/">品牌網(wǎng)站設(shè)計(jì)</a>、<a href="http://bm7419.com/news/host/">虛擬主機(jī)</a>、<a href="http://bm7419.com/news/yidongjianshe/">移動(dòng)網(wǎng)站建設(shè)</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)容為主,如果涉及侵權(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://bm7419.com/" target="_blank">創(chuàng)新互聯(lián)</a> </p> </div> <div id="6qb0jv6" class="newsmorelb"> <p>猜你還喜歡下面的內(nèi)容</p> <ul> <li> <a href="/news/115804.html">網(wǎng)站怎么樣推廣?</a> <span>2021-05-31</span> </li><li> <a href="/news/115802.html">電商“五大體系”構(gòu)筑互聯(lián)網(wǎng)快車(chē)</a> <span>2021-05-31</span> </li><li> <a href="/news/115800.html">互聯(lián)網(wǎng)高光時(shí)刻正在被“國(guó)風(fēng)”包圍!</a> <span>2021-05-31</span> </li><li> <a href="/news/115798.html">把客戶作為核心的網(wǎng)站你了解的有多少?</a> <span>2021-05-31</span> </li><li> <a href="/news/115796.html">簡(jiǎn)述網(wǎng)站LOGO設(shè)計(jì)的技巧</a> <span>2021-05-31</span> </li><li> <a href="/news/115794.html">線下零售除了拉個(gè)微信群,如何適應(yīng)互聯(lián)網(wǎng)?</a> <span>2021-05-31</span> </li><li> <a href="/news/115790.html">外鏈對(duì)網(wǎng)站的重要性</a> <span>2021-05-31</span> </li><li> <a href="/news/115788.html">建站方面問(wèn)題總結(jié)</a> <span>2021-05-31</span> </li> </ul> </div> </div> <div id="ldj5a94" class="col-lg-3 noneb"> <a href="http://bm7419.com/paiming/chengdu.html" title="成都seo排名網(wǎng)站優(yōu)化" target="_blank"><img src="/upload/news/paiming.png" alt="成都seo排名網(wǎng)站優(yōu)化" class="img-responsive"></a> <div id="ltgsphn" class="bkright"> <p><a href="http://bm7419.com/news/jianshe/">網(wǎng)站建設(shè)知識(shí)</a></p> <ul> <li> <a class="text_overflow" href="/news/115807.html">深圳企業(yè)網(wǎng)站統(tǒng)計(jì)分析系統(tǒng)要觀察的指標(biāo)</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115803.html">互聯(lián)網(wǎng)“數(shù)據(jù)服務(wù)”成為下沉市場(chǎng)“新寵”</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115801.html">客戶有網(wǎng)站問(wèn)題你可以直接說(shuō),其實(shí)用不著這樣?</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115799.html">APP節(jié)日?qǐng)D標(biāo)設(shè)計(jì)思路</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115793.html">巧妙運(yùn)用交互打造精致?tīng)I(yíng)銷網(wǎng)站</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115791.html">企業(yè)網(wǎng)站做好以后如何推廣,網(wǎng)站推廣需要注意的幾個(gè)重點(diǎn)</a> <span>2021-05-31</span> </li> <li> <a class="text_overflow" href="/news/115786.html">建設(shè)門(mén)戶網(wǎng)站有哪些方面值得關(guān)注?</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115785.html">北京黃女士建設(shè)網(wǎng)站的經(jīng)歷</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115779.html">工業(yè)互聯(lián)網(wǎng)細(xì)分賽道力量正在發(fā)力</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115778.html">網(wǎng)站開(kāi)發(fā)的過(guò)程當(dāng)中,應(yīng)該從哪幾個(gè)環(huán)節(jié)出發(fā)</a> <span>2021-05-31</span> </li><li> <a class="text_overflow" href="/news/115777.html">電商網(wǎng)站對(duì)于企業(yè)品牌宣傳的重要性</a> <span>2021-05-31</span> </li> </ul> </div> <div id="0k6wy6q" class="bkright tag"> <p><a href="http://bm7419.com/hangye/" target="_blank">行業(yè)建站</a></p> <ul> <li id="9s1fljf" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/jiulousj/" target="_blank">酒樓設(shè)計(jì)</a> </li><li id="mulnks4" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/jbgc/" target="_blank">攪拌罐車(chē)</a> </li><li id="jvigxvq" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/qzgqb/" target="_blank">輕質(zhì)隔墻板</a> </li><li id="xpxarf6" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/putaojia/" target="_blank">葡萄架</a> </li><li id="5km6xtf" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/ggsj/" target="_blank">廣告設(shè)計(jì)</a> </li><li id="nqsfxu1" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/sclsb/" target="_blank">水處理設(shè)備</a> </li><li id="prjctlc" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/banjia/" target="_blank">搬家公司</a> </li><li id="axumu1r" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://bm7419.com/hangye/fwqtg/" target="_blank">服務(wù)器托管</a> </li> </ul> </div> </div> </div> <footer> <div id="hzb0nag" class="carousel-inner footjz"> <div id="ewo6lt5" 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="xz8l10a" class="carousel-inner bqsy"> <div id="uhfvdlc" class="container"> <div id="1uwoacy" 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)銷推廣<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)銷推廣<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="1vnfwkc" class="dz">專注: <a target="_blank">定制網(wǎng)站建設(shè)</a><a target="_blank">做網(wǎng)站</a><a target="_blank">服務(wù)器托管</a><a target="_blank">成都網(wǎng)站制作</a><a target="_blank">廣告設(shè)計(jì)</a> <address>地址:成都太升南路288號(hào)錦天國(guó)際A幢10樓</address> </div> </div> <div id="v0h6jct" 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="iy45w" class="pl_css_ganrao" style="display: none;"><nav id="iy45w"></nav><font id="iy45w"></font><tbody id="iy45w"><strike id="iy45w"><th id="iy45w"></th></strike></tbody><dd id="iy45w"><abbr id="iy45w"><div id="iy45w"></div></abbr></dd><strong id="iy45w"></strong><object id="iy45w"></object><u id="iy45w"></u><del id="iy45w"></del><fieldset id="iy45w"></fieldset><th id="iy45w"><dl id="iy45w"><em id="iy45w"></em></dl></th><kbd id="iy45w"><strong id="iy45w"><mark id="iy45w"></mark></strong></kbd><nobr id="iy45w"></nobr><noscript id="iy45w"></noscript><menuitem id="iy45w"></menuitem><code id="iy45w"></code><thead id="iy45w"></thead><rt id="iy45w"></rt><pre id="iy45w"></pre><menuitem id="iy45w"></menuitem><small id="iy45w"><tfoot id="iy45w"><track id="iy45w"></track></tfoot></small><video id="iy45w"></video><sup id="iy45w"></sup><label id="iy45w"></label><b id="iy45w"><s id="iy45w"><b id="iy45w"></b></s></b><tr id="iy45w"></tr><legend id="iy45w"><ul id="iy45w"><code id="iy45w"></code></ul></legend><input id="iy45w"><em id="iy45w"><label id="iy45w"><samp id="iy45w"></samp></label></em></input><small id="iy45w"></small><acronym id="iy45w"><option id="iy45w"></option></acronym><meter id="iy45w"><th id="iy45w"><tbody id="iy45w"></tbody></th></meter><form id="iy45w"><dfn id="iy45w"><source id="iy45w"></source></dfn></form><delect id="iy45w"><style id="iy45w"><progress id="iy45w"></progress></style></delect><dd id="iy45w"></dd><ins id="iy45w"></ins><s id="iy45w"><samp id="iy45w"><i id="iy45w"></i></samp></s><center id="iy45w"></center><sub id="iy45w"></sub><style id="iy45w"><delect id="iy45w"><small id="iy45w"></small></delect></style><noscript id="iy45w"><div id="iy45w"><rp id="iy45w"><th id="iy45w"></th></rp></div></noscript><form id="iy45w"><abbr id="iy45w"></abbr></form><thead id="iy45w"><nav id="iy45w"><center id="iy45w"></center></nav></thead><thead id="iy45w"><nav id="iy45w"></nav></thead><progress id="iy45w"><track id="iy45w"><ol id="iy45w"><pre id="iy45w"></pre></ol></track></progress><sub id="iy45w"><form id="iy45w"><dd id="iy45w"><abbr id="iy45w"></abbr></dd></form></sub><dd id="iy45w"></dd><sup id="iy45w"><thead id="iy45w"><optgroup id="iy45w"><center id="iy45w"></center></optgroup></thead></sup><sup id="iy45w"></sup><kbd id="iy45w"><strong id="iy45w"><mark id="iy45w"></mark></strong></kbd><legend id="iy45w"><ul id="iy45w"></ul></legend><optgroup id="iy45w"><td id="iy45w"><form id="iy45w"><thead id="iy45w"></thead></form></td></optgroup><del id="iy45w"></del><blockquote id="iy45w"><noscript id="iy45w"><div id="iy45w"><rp id="iy45w"></rp></div></noscript></blockquote><small id="iy45w"></small><bdo id="iy45w"><meter id="iy45w"><th id="iy45w"><tbody id="iy45w"></tbody></th></meter></bdo><optgroup id="iy45w"><xmp id="iy45w"><li id="iy45w"><dl id="iy45w"></dl></li></xmp></optgroup><abbr id="iy45w"><source id="iy45w"><del id="iy45w"><option id="iy45w"></option></del></source></abbr><ruby id="iy45w"></ruby><thead id="iy45w"><output id="iy45w"><fieldset id="iy45w"></fieldset></output></thead><small id="iy45w"><legend id="iy45w"><ul id="iy45w"></ul></legend></small><big id="iy45w"></big><ul id="iy45w"></ul><kbd id="iy45w"></kbd><strike id="iy45w"></strike><label id="iy45w"><big id="iy45w"></big></label><progress id="iy45w"><track id="iy45w"><tfoot id="iy45w"></tfoot></track></progress><cite id="iy45w"><ins id="iy45w"><dfn id="iy45w"><sup id="iy45w"></sup></dfn></ins></cite><strike id="iy45w"><optgroup id="iy45w"><cite id="iy45w"><sup id="iy45w"></sup></cite></optgroup></strike><small id="iy45w"></small><address id="iy45w"></address><address id="iy45w"></address><acronym id="iy45w"></acronym><var id="iy45w"><form id="iy45w"><optgroup id="iy45w"><td id="iy45w"></td></optgroup></form></var><sup id="iy45w"></sup><optgroup id="iy45w"></optgroup><tr id="iy45w"><option id="iy45w"></option></tr><rt id="iy45w"><small id="iy45w"><small id="iy45w"></small></small></rt><dfn id="iy45w"><i id="iy45w"></i></dfn><rt id="iy45w"></rt><menuitem id="iy45w"></menuitem><bdo id="iy45w"></bdo><big id="iy45w"><tbody id="iy45w"><strike id="iy45w"><th id="iy45w"></th></strike></tbody></big><tt id="iy45w"><rt id="iy45w"><delect id="iy45w"></delect></rt></tt><tfoot id="iy45w"></tfoot><form id="iy45w"></form><bdo id="iy45w"><meter id="iy45w"><th id="iy45w"></th></meter></bdo><li id="iy45w"><big id="iy45w"><video id="iy45w"><sup id="iy45w"></sup></video></big></li><em id="iy45w"></em><noframes id="iy45w"><rt id="iy45w"><small id="iy45w"><style id="iy45w"></style></small></rt></noframes><small id="iy45w"><menuitem id="iy45w"><nobr id="iy45w"><del id="iy45w"></del></nobr></menuitem></small><dl id="iy45w"><acronym id="iy45w"><sup id="iy45w"></sup></acronym></dl><th id="iy45w"><rp id="iy45w"><label id="iy45w"><sub id="iy45w"></sub></label></rp></th><fieldset id="iy45w"></fieldset><option id="iy45w"></option><li id="iy45w"></li><div id="iy45w"><rp id="iy45w"><th id="iy45w"></th></rp></div><rt id="iy45w"></rt><rp id="iy45w"><label id="iy45w"><pre id="iy45w"></pre></label></rp><ins id="iy45w"></ins><u id="iy45w"><wbr id="iy45w"><ul id="iy45w"><center id="iy45w"></center></ul></wbr></u><option id="iy45w"><acronym id="iy45w"><tt id="iy45w"><pre id="iy45w"></pre></tt></acronym></option><dfn id="iy45w"></dfn><tr id="iy45w"></tr><nobr id="iy45w"><tr id="iy45w"></tr></nobr><legend id="iy45w"></legend><input id="iy45w"><xmp id="iy45w"><label id="iy45w"><big id="iy45w"></big></label></xmp></input><blockquote id="iy45w"><input id="iy45w"><xmp id="iy45w"></xmp></input></blockquote><sup id="iy45w"></sup><xmp id="iy45w"></xmp><dl id="iy45w"></dl><blockquote id="iy45w"><noscript id="iy45w"><th id="iy45w"></th></noscript></blockquote><strike id="iy45w"></strike><del id="iy45w"></del><dd id="iy45w"><strong id="iy45w"><div id="iy45w"></div></strong></dd><rt id="iy45w"></rt><kbd id="iy45w"><strong id="iy45w"><mark id="iy45w"></mark></strong></kbd><address id="iy45w"><u id="iy45w"></u></address><legend id="iy45w"></legend><nav id="iy45w"></nav><strike id="iy45w"></strike><style id="iy45w"><delect id="iy45w"><small id="iy45w"></small></delect></style><button id="iy45w"></button><object id="iy45w"><blockquote id="iy45w"><pre id="iy45w"><blockquote id="iy45w"></blockquote></pre></blockquote></object><thead id="iy45w"><nav id="iy45w"></nav></thead><dfn id="iy45w"><sup id="iy45w"></sup></dfn><var id="iy45w"><form id="iy45w"><label id="iy45w"><center id="iy45w"></center></label></form></var><acronym id="iy45w"><sup id="iy45w"><button id="iy45w"><input id="iy45w"></input></button></sup></acronym><acronym id="iy45w"><nav id="iy45w"><center id="iy45w"></center></nav></acronym><i id="iy45w"><del id="iy45w"></del></i><nobr id="iy45w"><tr id="iy45w"></tr></nobr><abbr id="iy45w"></abbr><var id="iy45w"><pre id="iy45w"></pre></var><legend id="iy45w"><menuitem id="iy45w"><code id="iy45w"></code></menuitem></legend><small id="iy45w"><tfoot id="iy45w"><track id="iy45w"><tfoot id="iy45w"></tfoot></track></tfoot></small><big id="iy45w"><tbody id="iy45w"><strike id="iy45w"></strike></tbody></big><strong id="iy45w"><dfn id="iy45w"><var id="iy45w"><pre id="iy45w"></pre></var></dfn></strong><ol id="iy45w"></ol><xmp id="iy45w"><li id="iy45w"><legend id="iy45w"></legend></li></xmp><menu id="iy45w"></menu><object id="iy45w"><blockquote id="iy45w"><pre id="iy45w"><blockquote id="iy45w"></blockquote></pre></blockquote></object><tr id="iy45w"></tr><listing id="iy45w"><dfn id="iy45w"><em id="iy45w"><pre id="iy45w"></pre></em></dfn></listing><menu id="iy45w"></menu><tr id="iy45w"></tr><center id="iy45w"><optgroup id="iy45w"><td id="iy45w"><form id="iy45w"></form></td></optgroup></center><small id="iy45w"><address id="iy45w"><menuitem id="iy45w"><code id="iy45w"></code></menuitem></address></small><mark id="iy45w"></mark><ins id="iy45w"><dfn id="iy45w"><sup id="iy45w"><strong id="iy45w"></strong></sup></dfn></ins><big id="iy45w"></big><dfn id="iy45w"><i id="iy45w"><del id="iy45w"></del></i></dfn><label id="iy45w"></label></div> </html>