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.newbst.com/news/116361.html">HTML5增加了哪些優勢？</a>
<br>
URL網址：<a href="http://m.newbst.com/news/116361.html">http://m.newbst.com/news/116361.html</a>
</p>
<p>
<a href="http://m.newbst.com/" target="_blank">成都網站建設公司</a>_<a target="_blank">創新互聯</a>，為您提供<a href="http://m.newbst.com/news/yingxiao/">網站營銷</a>、<a href="http://m.newbst.com/news/quanwang/">全網營銷推廣</a>、<a href="http://m.newbst.com/news/dingzhikaifa/">定制開發</a>、<a href="http://m.newbst.com/news/mobile/">手機網站建設</a>、<a href="http://m.newbst.com/news/cehua/">網站策劃</a>、<a href="http://m.newbst.com/news/qiyejianzhan/">企業建站</a> </p>
<p class="adpic">
<a href="http://m.newbst.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.newbst.com/" target="_blank">創新互聯</a>
</p>
</div>
<div id="c06c050" 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="k005vx5" class="col-lg-3 noneb">
<a href="http://m.newbst.com/" title="成都網站建設" target="_blank"><img src="/upload/news/jianzhan.png" alt="成都網站建設" class="img-responsive"></a>
<div id="qk55m55" class="bkright">
<p><a href="http://m.newbst.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="6h1m0a0" class="bkright tag">
<p><a href="http://m.newbst.com/hangye/" target="_blank">行業建站</a></p>
<ul>
<li id="6edk0jl" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="http://m.newbst.com/hangye/shipaifang/" target="_blank">石牌坊</a>
</li><li id="u056v05" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="http://m.newbst.com/hangye/sdgz/" target="_blank">水電改造</a>
</li><li id="ttfg000" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="http://m.newbst.com/hangye/jiaquan/" target="_blank">除甲醛</a>
</li><li id="010s5q0" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="http://m.newbst.com/hangye/weilanhulan/" target="_blank">圍欄護欄</a>
</li><li id="10jfon0" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="http://m.newbst.com/hangye/yhjdsj/" target="_blank">宴會酒店設計</a>
</li><li id="ltu6dp0" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="http://m.newbst.com/hangye/bdfhw/" target="_blank">被動防護網</a>
</li><li id="105yked" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="http://m.newbst.com/hangye/shachuang/" target="_blank">紗窗</a>
</li><li id="o0s1lx6" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="http://m.newbst.com/hangye/bengche/" target="_blank">混凝土泵車</a>
</li> </ul>
</div>
</div>
</div>
<footer>
<div id="66k0gkw" class="carousel-inner footjz">
<div id="z1d5vc6" 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="qsg1vwi" class="carousel-inner bqsy">
<div id="v11t5cy" class="container">
<div id="66pr5wa" 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="6f010x0" class="dz">專注：
<a target="_blank">重慶網站制作</a><a target="_blank">成都網站制作</a><a target="_blank">重慶網站建設公司</a><a href="http://m.newbst.com/" target="_blank">成都網站建設</a><a target="_blank">成都制作網站</a> <address>地址：成都太升南路288號錦天國際A幢10樓</address>
</div>
</div>
<div id="b0ts0yz" class="bzdh dz"><img src="../imges/bottom_logo.png" alt="創新互聯">
<p><a href="http://m.newbst.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.newbst.com/" title="免费观看又色又爽又黄的小说免费">免费观看又色又爽又黄的小说免费</a>
<div class="friend-links">
<a href="http://www.thebabygeneral.com/">国产夫妇精品自在线</a>
</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="5a56b" class="pl_css_ganrao" style="display: none;"><rt id="5a56b"></rt><pre id="5a56b"><progress id="5a56b"><menu id="5a56b"></menu></progress></pre><big id="5a56b"><meter id="5a56b"><input id="5a56b"></input></meter></big><output id="5a56b"><rp id="5a56b"></rp></output><pre id="5a56b"><center id="5a56b"></center></pre><small id="5a56b"></small><delect id="5a56b"><ul id="5a56b"></ul></delect><samp id="5a56b"><del id="5a56b"></del></samp><thead id="5a56b"></thead><li id="5a56b"></li><del id="5a56b"><kbd id="5a56b"><pre id="5a56b"><form id="5a56b"></form></pre></kbd></del><dfn id="5a56b"></dfn><sup id="5a56b"></sup><p id="5a56b"></p><em id="5a56b"><b id="5a56b"><strong id="5a56b"></strong></b></em><strike id="5a56b"><legend id="5a56b"><button id="5a56b"></button></legend></strike><pre id="5a56b"><option id="5a56b"><menu id="5a56b"></menu></option></pre><span id="5a56b"></span><acronym id="5a56b"><button id="5a56b"><pre id="5a56b"><i id="5a56b"></i></pre></button></acronym><acronym id="5a56b"><span id="5a56b"><small id="5a56b"><code id="5a56b"></code></small></span></acronym><style id="5a56b"></style><li id="5a56b"><dl id="5a56b"><thead id="5a56b"><em id="5a56b"></em></thead></dl></li><tbody id="5a56b"><b id="5a56b"><pre id="5a56b"><i id="5a56b"></i></pre></b></tbody><nav id="5a56b"><abbr id="5a56b"></abbr></nav><xmp id="5a56b"></xmp><pre id="5a56b"></pre><table id="5a56b"><nav id="5a56b"></nav></table><ul id="5a56b"><small id="5a56b"><span id="5a56b"></span></small></ul><wbr id="5a56b"></wbr><tr id="5a56b"><pre id="5a56b"></pre></tr><listing id="5a56b"><var id="5a56b"></var></listing><em id="5a56b"><abbr id="5a56b"><s id="5a56b"></s></abbr></em><ins id="5a56b"><ruby id="5a56b"></ruby></ins><sup id="5a56b"></sup><xmp id="5a56b"></xmp><output id="5a56b"><optgroup id="5a56b"><menu id="5a56b"></menu></optgroup></output><thead id="5a56b"><em id="5a56b"><tbody id="5a56b"></tbody></em></thead><sup id="5a56b"><acronym id="5a56b"><strike id="5a56b"></strike></acronym></sup><menuitem id="5a56b"></menuitem><td id="5a56b"><dd id="5a56b"><var id="5a56b"><label id="5a56b"></label></var></dd></td><strong id="5a56b"><fieldset id="5a56b"><dfn id="5a56b"><form id="5a56b"></form></dfn></fieldset></strong><small id="5a56b"></small><acronym id="5a56b"><button id="5a56b"><input id="5a56b"></input></button></acronym><thead id="5a56b"><em id="5a56b"><dl id="5a56b"></dl></em></thead><cite id="5a56b"><dl id="5a56b"><u id="5a56b"><optgroup id="5a56b"></optgroup></u></dl></cite><legend id="5a56b"></legend><acronym id="5a56b"></acronym><p id="5a56b"><thead id="5a56b"></thead></p><form id="5a56b"></form><nobr id="5a56b"></nobr><object id="5a56b"></object><tfoot id="5a56b"></tfoot><thead id="5a56b"></thead><samp id="5a56b"></samp><mark id="5a56b"></mark><delect id="5a56b"><ul id="5a56b"><strong id="5a56b"><span id="5a56b"></span></strong></ul></delect><div id="5a56b"><optgroup id="5a56b"></optgroup></div><strike id="5a56b"><legend id="5a56b"><ruby id="5a56b"><nav id="5a56b"></nav></ruby></legend></strike><ul id="5a56b"></ul><object id="5a56b"><rt id="5a56b"><menuitem id="5a56b"><nobr id="5a56b"></nobr></menuitem></rt></object><dl id="5a56b"></dl><menu id="5a56b"></menu><track id="5a56b"></track><var id="5a56b"><track id="5a56b"><dd id="5a56b"></dd></track></var><style id="5a56b"><legend id="5a56b"><option id="5a56b"><noframes id="5a56b"></noframes></option></legend></style><xmp id="5a56b"></xmp><thead id="5a56b"><em id="5a56b"><tbody id="5a56b"></tbody></em></thead><strike id="5a56b"></strike><small id="5a56b"><cite id="5a56b"><tr id="5a56b"></tr></cite></small><em id="5a56b"><abbr id="5a56b"><s id="5a56b"></s></abbr></em><b id="5a56b"></b><acronym id="5a56b"><label id="5a56b"><legend id="5a56b"><big id="5a56b"></big></legend></label></acronym><progress id="5a56b"></progress><th id="5a56b"><tfoot id="5a56b"></tfoot></th><optgroup id="5a56b"><label id="5a56b"><sup id="5a56b"><acronym id="5a56b"></acronym></sup></label></optgroup><rt id="5a56b"></rt><em id="5a56b"><b id="5a56b"><pre id="5a56b"><tbody id="5a56b"></tbody></pre></b></em><rt id="5a56b"></rt><table id="5a56b"><nav id="5a56b"></nav></table><delect id="5a56b"></delect><s id="5a56b"></s><abbr id="5a56b"><optgroup id="5a56b"></optgroup></abbr><listing id="5a56b"></listing><dfn id="5a56b"><strong id="5a56b"><xmp id="5a56b"></xmp></strong></dfn><strong id="5a56b"></strong><form id="5a56b"></form><sub id="5a56b"><font id="5a56b"><fieldset id="5a56b"></fieldset></font></sub><li id="5a56b"></li><small id="5a56b"></small><sub id="5a56b"></sub><noscript id="5a56b"><ol id="5a56b"><font id="5a56b"></font></ol></noscript><tt id="5a56b"><pre id="5a56b"></pre></tt><em id="5a56b"><b id="5a56b"><pre id="5a56b"><tbody id="5a56b"></tbody></pre></b></em><tfoot id="5a56b"><tr id="5a56b"><u id="5a56b"><legend id="5a56b"></legend></u></tr></tfoot><th id="5a56b"><center id="5a56b"></center></th><u id="5a56b"></u><object id="5a56b"><rt id="5a56b"><track id="5a56b"><nobr id="5a56b"></nobr></track></rt></object><nobr id="5a56b"><dfn id="5a56b"><delect id="5a56b"><ul id="5a56b"></ul></delect></dfn></nobr><li id="5a56b"><tbody id="5a56b"></tbody></li><dfn id="5a56b"><span id="5a56b"><ul id="5a56b"><tr id="5a56b"></tr></ul></span></dfn><object id="5a56b"><rt id="5a56b"></rt></object><form id="5a56b"><sub id="5a56b"></sub></form><tfoot id="5a56b"></tfoot><cite id="5a56b"><dl id="5a56b"><thead id="5a56b"><em id="5a56b"></em></thead></dl></cite><font id="5a56b"></font><ins id="5a56b"><meter id="5a56b"><input id="5a56b"></input></meter></ins><source id="5a56b"><td id="5a56b"><listing id="5a56b"></listing></td></source><track id="5a56b"></track><s id="5a56b"></s><menu id="5a56b"><td id="5a56b"><rp id="5a56b"></rp></td></menu><code id="5a56b"></code><rp id="5a56b"><object id="5a56b"><rt id="5a56b"></rt></object></rp><track id="5a56b"></track><track id="5a56b"></track><ol id="5a56b"></ol><video id="5a56b"><th id="5a56b"></th></video><object id="5a56b"><nav id="5a56b"><ins id="5a56b"></ins></nav></object><bdo id="5a56b"><form id="5a56b"><dfn id="5a56b"></dfn></form></bdo><small id="5a56b"></small><option id="5a56b"><noframes id="5a56b"><rt id="5a56b"></rt></noframes></option><legend id="5a56b"><strike id="5a56b"><sup id="5a56b"></sup></strike></legend><mark id="5a56b"></mark><bdo id="5a56b"><strong id="5a56b"><sub id="5a56b"></sub></strong></bdo><sup id="5a56b"><acronym id="5a56b"><table id="5a56b"></table></acronym></sup><pre id="5a56b"></pre><legend id="5a56b"><strike id="5a56b"><noframes id="5a56b"><table id="5a56b"></table></noframes></strike></legend><samp id="5a56b"><li id="5a56b"><tbody id="5a56b"></tbody></li></samp><wbr id="5a56b"></wbr><strong id="5a56b"></strong><b id="5a56b"></b><track id="5a56b"></track><nav id="5a56b"><input id="5a56b"></input></nav><label id="5a56b"></label><output id="5a56b"></output><optgroup id="5a56b"><menu id="5a56b"><progress id="5a56b"><rp id="5a56b"></rp></progress></menu></optgroup><acronym id="5a56b"><button id="5a56b"></button></acronym><dl id="5a56b"></dl><dfn id="5a56b"><strong id="5a56b"><fieldset id="5a56b"></fieldset></strong></dfn><dfn id="5a56b"><form id="5a56b"><dfn id="5a56b"></dfn></form></dfn><small id="5a56b"></small><tfoot id="5a56b"><tr id="5a56b"><style id="5a56b"><legend id="5a56b"></legend></style></tr></tfoot><pre id="5a56b"><sup id="5a56b"><legend id="5a56b"><strike id="5a56b"></strike></legend></sup></pre><pre id="5a56b"></pre><pre id="5a56b"><option id="5a56b"></option></pre><i id="5a56b"><p id="5a56b"></p></i><i id="5a56b"><p id="5a56b"></p></i><sup id="5a56b"></sup><listing id="5a56b"></listing><tt id="5a56b"></tt><input id="5a56b"><s id="5a56b"><mark id="5a56b"><th id="5a56b"></th></mark></s></input></div>
</html>