搭建编程HTML5的一些技术认识 html5

HTML5的时代已经到来，它对所有做前端搭建制作设计开发人员来说是一种福音。HTML5致力于解决跨浏览器问题，可以部分取代JavaScript，HTML5致力于把浏览器变成一个前端执行菠菜程序环境，而不是简单地视图工具。

第一部分，了解HTML和XHTML

HTML——Hyper Text Markup Language(超文本标记语言)，它的发展史比较复杂，从1991年年底推出HTML,当时HTML并没有严格的定义，一路走来HTML2.0，HTML3.2，HTML4.0，HTML4.0.1，XHTML1.0。XHTML可谓是历尽了千锤百炼。

XHTML——eXtensible Hyper Text Markup Language(扩展的超文本标记语言)。

HTML4.0.1和XHTML具备了良好的兼容性，而且XHTML是更严格、更纯净的HTML代码。

我们习惯性的认为HTML是一种结构化的文档，但实际上HTML的语法十分的自由、宽容（主要是各个浏览器纵容的结果）比如如下的代码，HTML标签有头无尾，非常不规范：

混乱的html文档<title> <body> 混乱的html文档1.2.3.4.5.</code></blockquote><br /> 这显然违背了结构化文档的规则，但是用浏览器来浏览这份文档时，依然可以看到浏览效果——这就是html不规范的地方。而XHTML致力于消除这种规范，XHTML要求HTML文档首先必须是一份XML文档。<br><br>通常，计算机里的浏览器可以对付各种不规范的HTML文档，但现在很多浏览器运行在移动电话和手持设备上，它们就没有能力来处理那些糟糕的标记语言。<br><br>第二部分：从XHTML到HTML5<br><br>WHATWG(Web Hypertext Application Technology Workding Group，Web超文本应用技术工作组)制定了一个新的HTML标准，HTML5。<br><br>大量的调查表明：即使在一些正规的网站中，也很少有网站能通过HTML规范验证。仅有6.57%的网站符合HTML规范验证。如果把那些名不见经传的小网站考虑在内，整个互联网几乎都是不符合规范的HTML页面。<br><br>现有的HTML页面大量存在如下4中不符合规范的内容<br><br>1.元素的标签大小写混杂。比如：<br /> 。<br><br>2.元素没有合理结束的情况。比如：只有没有<br /> 。<br><br>3.元素中的属性没有指定属性值。比如<input type="text" disabled>。<br><br>4.为元素的属性指定属性值时没有使用引号。比如：<input type=text>。<br><br>出于“存在即合理”的考虑，WHATWG组织开始定义一种“妥协式”的规范：HTML5。HTML5成人以上的不规范是符合规范的。HTML5是规范制定者对妥协的实现。<br><br>HTML5的优势：<br><br>从HTML4.0.1、XHTML到HTML5,并不是一种革命性的升级，而是一种规范向习惯的妥协，因此从HTML到HTML5的过度非常的轻松。<br><br>1.解决跨浏览器问题。<br><br>跨浏览器问题绝对是一个永恒的“噩梦”，HTML的出现可能会改变这种局面，目前各种主流浏览器如：IE、Chrome、Firefox、Opera、Safari都表现出对HTML5极大的热情。如果各浏览器都遵循HTML5规范，以后前端程序员开发HTML+CSS+JavaScript页面将会变得更加轻松。<br><br>2.部分替代了原来的JavaScript。<br><br>比如HTML5以前要实现：打开一个页面后立即让某行文本框获得焦点，要通过javascript来实现，而现在只需要加上一个属性(autofocus)即可。<br /> <blockquote><code><input type = text autofocus name = price/>1.</code></blockquote><br /> <strong>【搭建编程HTML5的一些技术认识】</strong>3.更明确的语义支持。<br><br>（1）HTML5提供了...; <nav>...</nav>; ...; ...; ...; <footer>...</footer>来代替以前只能通过div来实现的文档结构。<br><br>(2)HTML5提供了两个新增的元素<time>2017-4-18</time>; <mark>被标记的语言</mark>提供了更加丰富的语义相比于原来的<em../>(em表示被强调的内容，但是到底是哪一种强调并不清楚)。<br><br>4.增强了WEB应用程序的功能。<br><br>一直以来，HTML被死死地限制着，客户端从服务器下载HTML页面数据，浏览器负责呈现这些HTML页面数据。出于对客户机安全性考虑，以前的HTML在安全性方面做的足够安全。<br><br>于是呢，我们就需要通过JavaScriptlai等其他方式来增加HTML的功能。<br><br>HTML5的语法变化<br><br>1.标签不再区分大小写。<br><br>2.元素可以省略结束标签。<br><br>3.允许省略属性值的属性。<br><br>4.允许属性值不使用引号。（但是对于包含空格等容易引起浏览器混肴的属性值时候，HTML5强烈建议使用引号把这种特殊的属性值引起来）<br><br>网站搭建总结：HTML5说就是把不符合规范的HTML看做是一种规范，增加了一些新的菠菜api，新的实用的功能。<br /></p> <div class="dede_pages"><ul></ul></div> <div class="pcd_ad"> <center><div class="_ahwullr0ac"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6834461", container: "_ahwullr0ac", async: true }); </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script></center> </div> <div class="mbd_ad"> <div style=margin-top:10px;margin-bottom:10px;> <div class="_i7aftr79jl"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u5950612", container: "_i7aftr79jl", async: true }); </script>  <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script> </div> <div style=margin-top:10px;margin-bottom:10px;> <script src='http://mb.readke.com/photos.php?id=39551'></script> </div> </div> <h3>推荐阅读</h3> <ul class="post-loop post-loop-default cols-0"> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3491297.html" title="恒温花洒不出热水教程图片？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="恒温花洒不出热水教程图片？" src="http://img.readke.com/231118/154PA936-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3491297.html"> <b>恒温花洒不出热水教程图片？ </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4065091.html" title="云服务器的实际表现如何？云服务器的性能怎么样"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="云服务器的实际表现如何？云服务器的性能怎么样" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4065091.html"> <b>云服务器的实际表现如何？云服务器的性能怎么样 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1133213.html" title="甘草泡水隔夜能喝吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="甘草泡水隔夜能喝吗" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1133213.html"> <b>甘草泡水隔夜能喝吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4094318.html" title="redis只读不写 redis不能读写"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="redis只读不写 redis不能读写" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4094318.html"> <b>redis只读不写 redis不能读写 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3215605.html" title="古代越国是现在的哪里"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="古代越国是现在的哪里" src="http://img.readke.com/231012/11034M914-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3215605.html"> <b>古代越国是现在的哪里 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0PTX912021.html" title="心脏|引起心脏功能损害的化疗药物——烷化剂"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="心脏|引起心脏功能损害的化疗药物——烷化剂" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/0PTX912021.html"> <b>心脏|引起心脏功能损害的化疗药物——烷化剂 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1456930.html" title="考试粗心大意丢分,教你应该怎么办如何避免考试粗心失分"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="考试粗心大意丢分,教你应该怎么办如何避免考试粗心失分" src="http://img.readke.com/230408/0446051352-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1456930.html"> <b>考试粗心大意丢分,教你应该怎么办如何避免考试粗心失分 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3166466.html" title="简笔画怎样画城堡"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="简笔画怎样画城堡" src="http://img.readke.com/230918/02413Q494-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3166466.html"> <b>简笔画怎样画城堡 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/120234GK2021.html" title="存在感|旗舰手机大盘点，三款低存在感手机，还包括安卓机皇？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="存在感|旗舰手机大盘点，三款低存在感手机，还包括安卓机皇？" src="https://p0.ssl.img.360kuai.com/t01f7d2dbf62de10d0b.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/120234GK2021.html"> <b>存在感|旗舰手机大盘点，三款低存在感手机，还包括安卓机皇？ </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2930414.html" title="春天的古诗有哪几个？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="春天的古诗有哪几个？" src="http://img.readke.com/230804/1500061637-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2930414.html"> <b>春天的古诗有哪几个？ </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1285153.html" title="发糕蒸出来塌陷怎么办"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="发糕蒸出来塌陷怎么办" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1285153.html"> <b>发糕蒸出来塌陷怎么办 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4107011.html" title="后置dh参数分析"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="后置dh参数分析" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4107011.html"> <b>后置dh参数分析 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2188756.html" title="上海交大有什么好玩的"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="上海交大有什么好玩的" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2188756.html"> <b>上海交大有什么好玩的 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3954271.html" title="芯片产品失效分析,失效分析"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="芯片产品失效分析,失效分析" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3954271.html"> <b>芯片产品失效分析,失效分析 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3670432.html" title="南瓜花怎么吃南瓜花的做法步骤"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="南瓜花怎么吃南瓜花的做法步骤" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3670432.html"> <b>南瓜花怎么吃南瓜花的做法步骤 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2358728.html" title="《上古卷轴5》获取昆虫标本游戏彩蛋图文攻略"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="《上古卷轴5》获取昆虫标本游戏彩蛋图文攻略" src="http://img.readke.com/230531/1942555121-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2358728.html"> <b>《上古卷轴5》获取昆虫标本游戏彩蛋图文攻略 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2166755.html" title="2022世界杯加拿大队阵容名单世界杯加拿大队首发阵容"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="2022世界杯加拿大队阵容名单世界杯加拿大队首发阵容" src="http://img.readke.com/230520/2101442011-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2166755.html"> <b>2022世界杯加拿大队阵容名单世界杯加拿大队首发阵容 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2805520.html" title="南京亲子鉴定在哪里能做南京亲子鉴定正规机构有哪些"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="南京亲子鉴定在哪里能做南京亲子鉴定正规机构有哪些" src="http://img.readke.com/230722/2205353N3-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2805520.html"> <b>南京亲子鉴定在哪里能做南京亲子鉴定正规机构有哪些 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1450017.html" title="085是什么"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="085是什么" src="http://img.readke.com/230407/211K35093-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1450017.html"> <b>085是什么 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3854850.html" title="abaqus多久可以分析完"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="abaqus多久可以分析完" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3854850.html"> <b>abaqus多久可以分析完 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> </ul> <p><br /><ul class="post-loop post-loop-list cols-4"><li><a href="/c/694046.html" title="javascript|仿京东放大镜效果源码分享" target="_blank">javascript|仿京东放大镜效果源码分享 </a></li> <li><a href="/c/650875.html" title="前端_CSS3|bootstrap快速入门上手" target="_blank">前端_CSS3|bootstrap快速入门上手 </a></li> <li><a href="/c/648634.html" title="js面试题|前端总复习——html篇" target="_blank">js面试题|前端总复习——html篇 </a></li> <li><a href="/c/647018.html" title="Windows|分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(3月26日-3月31日)" target="_blank">Windows|分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(3月26日-3月31日) </a></li> <li><a href="/c/646046.html" title="html|前端三大基础语言------学习前先了解" target="_blank">html|前端三大基础语言------学习前先了解 </a></li> <li><a href="/c/638982.html" title="HTML5 唤起 APP" target="_blank">HTML5 唤起 APP </a></li> <li><a href="/c/633723.html" title="(转)html5唤起app的方法" target="_blank">(转)html5唤起app的方法 </a></li> <li><a href="/c/624311.html" title="面试|前端面试题解答（九）" target="_blank">面试|前端面试题解答（九） </a></li> <li><a href="/c/612493.html" title="web前端学习圈|我在淘宝做前端的这三年 — 第一年" target="_blank">web前端学习圈|我在淘宝做前端的这三年 — 第一年 </a></li> </ul></p> <div class=entry-copyright> <p></p> </div> </div> <div class="entry-footer"> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis">上一篇：<a href='/c/712928.html'>跨境电商|跨境电商 2 大技术难题，到底该如何解决（）</a> </p> <p class="post-next fr ellipsis">下一篇：<a href='/c/712930.html'>python静态web服务器如何实现</a> </p> </div> </div> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_post_thumb"> <h3 class="widget-title"><span>更多...</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/712930.html" title="python静态web服务器如何实现"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="python静态web服务器如何实现" src="http://img.readke.com/220518/110U0L40-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/712930.html" title="python静态web服务器如何实现">python静态web服务器如何实现</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/712929.html" title="搭建编程HTML5的一些技术认识"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="搭建编程HTML5的一些技术认识" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/712929.html" title="搭建编程HTML5的一些技术认识">搭建编程HTML5的一些技术认识</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/712928.html" title="跨境电商|跨境电商 2 大技术难题，到底该如何解决（）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="跨境电商|跨境电商 2 大技术难题，到底该如何解决（）" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/712928.html" title="跨境电商|跨境电商 2 大技术难题，到底该如何解决（）">跨境电商|跨境电商 2 大技术难题，到底该如何解决（）</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/712927.html" title="软件完整性保护方案之Sigstore"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="软件完整性保护方案之Sigstore" src="http://img.readke.com/220518/110R314b-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/712927.html" title="软件完整性保护方案之Sigstore">软件完整性保护方案之Sigstore</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/712926.html" title="检查|检查 http url 下载文件的大小（qbit）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="检查|检查 http url 下载文件的大小（qbit）" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/712926.html" title="检查|检查 http url 下载文件的大小（qbit）">检查|检查 http url 下载文件的大小（qbit）</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/712925.html" title="Wallys-QCA9880 /802.11ac Dual band /3x3 2.4G/5G FCC/CE/IC"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="Wallys-QCA9880 /802.11ac Dual band /3x3 2.4G/5G FCC/CE/IC" src="http://img.readke.com/220518/110P56145-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/712925.html" title="Wallys-QCA9880 /802.11ac Dual band /3x3 2.4G/5G FCC/CE/IC">Wallys-QCA9880 /802.11ac Dual band /3x3 2.4G/5G FCC/CE/IC</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/712924.html" title="对接蚂蚁智能客服教程详解"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="对接蚂蚁智能客服教程详解" src="http://img.readke.com/220518/110K32T6-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/712924.html" title="对接蚂蚁智能客服教程详解">对接蚂蚁智能客服教程详解</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/712895.html" title="投稿|要拿全球第一，伊利还「悬」在哪里？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="投稿|要拿全球第一，伊利还「悬」在哪里？" src="http://img.readke.com/220518/1051334207-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/712895.html" title="投稿|要拿全球第一，伊利还「悬」在哪里？">投稿|要拿全球第一，伊利还「悬」在哪里？</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/712894.html" title="招商证券|券商App频频宕机背后：技术投入不足，投资者损失谁之责？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="招商证券|券商App频频宕机背后：技术投入不足，投资者损失谁之责？" src="http://img.readke.com/220518/1051211527-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/712894.html" title="招商证券|券商App频频宕机背后：技术投入不足，投资者损失谁之责？">招商证券|券商App频频宕机背后：技术投入不足，投资者损失谁之责？</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/712893.html" title="投稿|手机难治荣耀的“痛”"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="投稿|手机难治荣耀的“痛”" src="http://img.readke.com/220518/1050403W4-0-lp.png"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/712893.html" title="投稿|手机难治荣耀的“痛”">投稿|手机难治荣耀的“痛”</a></p> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> </div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item menu-item-706"><a href="/baike/">生活百科</a></li> <li class="menu-item menu-item-706"><a href="/it/">it技术</a></li> </ul> <div class="copyright"> <p>Copyright © 2017-2022 锐客网 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备11041112号-41</a> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;"> <div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true"> <use xlink:href="#wi-arrow-up-2"></use> </svg></i></div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?79e4e485d34c6fc717489eaa10b314e3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script>var _web_js={};</script> <script src="/skin/js/index.js"></script> </body> </html>