搭建编程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> <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/3779792.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/3779792.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/2140698.html" title="珂的意思和含义"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="珂的意思和含义" src="http://img.readke.com/230518/234F05K2-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2140698.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/1613798.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/1613798.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/2647708.html" title="为什么像汉字一样的象形文字很少,多数语言是拼音文字呢？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="为什么像汉字一样的象形文字很少,多数语言是拼音文字呢？" src="http://img.readke.com/230707/15161T2S-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2647708.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/1211355M32021.html" title="button的超级链接"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="button的超级链接" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1211355M32021.html"> <b>button的超级链接 </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/2547204.html" title="支付宝商户如何开通花呗收款？花呗收钱开通的方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="支付宝商户如何开通花呗收款？花呗收钱开通的方法" src="http://img.readke.com/230617/1IT62Y2-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2547204.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/1314482.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/1314482.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/1389770.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/1389770.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/2438458.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/2438458.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/1179299.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/1179299.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/3191863.html" title="星巴克全职星级咖啡师面试难吗？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="星巴克全职星级咖啡师面试难吗？" src="http://img.readke.com/230930/0419442526-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3191863.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/4095722.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/4095722.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/3748407.html" title="听书安卓1.5,喜马拉雅蜻蜓fm懒人听书不错!"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="听书安卓1.5,喜马拉雅蜻蜓fm懒人听书不错!" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3748407.html"> <b>听书安卓1.5,喜马拉雅蜻蜓fm懒人听书不错! </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/1587361.html" title="医保卡余额怎么用医保卡余额使用技巧"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="医保卡余额怎么用医保卡余额使用技巧" src="http://img.readke.com/230416/02221644E-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1587361.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/09111934562021.html" title="iOS|iOS 碰撞角度矫正及 applyImpulse 和 applyForce的区别"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="iOS|iOS 碰撞角度矫正及 applyImpulse 和 applyForce的区别" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/09111934562021.html"> <b>iOS|iOS 碰撞角度矫正及 applyImpulse 和 applyForce的区别 </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/1929642.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/1929642.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/1036784.html" title="为什么梦见打雪仗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="为什么梦见打雪仗" src="http://img.readke.com/230218/140521L20-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1036784.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/2716532.html" title="榴莲一半硬一半软是什么原因"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="榴莲一半硬一半软是什么原因" src="http://img.readke.com/230713/1531291949-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2716532.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/2287767.html" title="顾炀樊渊是哪部小说"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="顾炀樊渊是哪部小说" src="http://img.readke.com/230528/021S9E53-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2287767.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/2314570.html" title="梦见理发你知道预示着什么吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="梦见理发你知道预示着什么吗" src="http://img.readke.com/230529/0P43QE8-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2314570.html"> <b>梦见理发你知道预示着什么吗 </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>