搭建编程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/3632244.html" title="vb.net获取ip地址 vbnet dir"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="vb.net获取ip地址 vbnet dir" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3632244.html"> <b>vb.net获取ip地址 vbnet dir </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/12243P3612021.html" title="【Java基础12】正则表达式、Lambda表达式和排序算法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="【Java基础12】正则表达式、Lambda表达式和排序算法" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/12243P3612021.html"> <b>【Java基础12】正则表达式、Lambda表达式和排序算法 </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/2969018.html" title="预算十万,买什么样的SUV比较好？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="预算十万,买什么样的SUV比较好？" src="http://img.readke.com/230810/0501013319-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2969018.html"> <b>预算十万,买什么样的SUV比较好？ </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/2950836.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/2950836.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/2807295.html" title="禁毒宣传简报范文 626禁毒宣传简报"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="禁毒宣传简报范文 626禁毒宣传简报" src="http://img.readke.com/230723/012I43552-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2807295.html"> <b>禁毒宣传简报范文 626禁毒宣传简报 </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/2210010.html" title="阳台黄瓜种植技术阳台黄瓜种植技术视频"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="阳台黄瓜种植技术阳台黄瓜种植技术视频" src="http://img.readke.com/230524/0T6432E0-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2210010.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/2381954.html" title="治疗胃病的食疗偏方"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="治疗胃病的食疗偏方" src="http://img.readke.com/230602/0106492F9-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2381954.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/0Q2620S2021.html" title="癌细胞|癌细胞敲门时，身体常会有9个提示，别一味忽视，到了晚期才察觉"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="癌细胞|癌细胞敲门时，身体常会有9个提示，别一味忽视，到了晚期才察觉" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/0Q2620S2021.html"> <b>癌细胞|癌细胞敲门时，身体常会有9个提示，别一味忽视，到了晚期才察觉 </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/3896425.html" title="尼康70-200一代评测 70-200尼康测评"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="尼康70-200一代评测 70-200尼康测评" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3896425.html"> <b>尼康70-200一代评测 70-200尼康测评 </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/1251558.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/1251558.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/2157213.html" title="刺客信条英灵殿蓟草在哪刺客信条英灵殿蓟草搜集指南"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="刺客信条英灵殿蓟草在哪刺客信条英灵殿蓟草搜集指南" src="http://img.readke.com/230520/050ILF8-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2157213.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/3351910.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/3351910.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/2250630.html" title="甘蓝"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="甘蓝" src="http://img.readke.com/230526/0I33a1b-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2250630.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/2224699.html" title="RM转3GP简介篇 [新春献礼2]-教你制作3GP"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="RM转3GP简介篇 [新春献礼2]-教你制作3GP" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2224699.html"> <b>RM转3GP简介篇 [新春献礼2]-教你制作3GP </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/2899447.html" title="狼为什么怕金雕"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="狼为什么怕金雕" src="http://img.readke.com/230731/161354G13-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2899447.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/2747919.html" title="为什么有些地方在元宵节时要挂灯笼、放鞭炮和给红包？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="为什么有些地方在元宵节时要挂灯笼、放鞭炮和给红包？" src="http://img.readke.com/230716/1TQ51342-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2747919.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/1790074.html" title="大闸蟹养殖如何养大闸蟹"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="大闸蟹养殖如何养大闸蟹" src="http://img.readke.com/230426/0QP1L37-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1790074.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/1078501.html" title="电脑怎么修复系统win7 如何重装系统win7"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="电脑怎么修复系统win7 如何重装系统win7" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1078501.html"> <b>电脑怎么修复系统win7 如何重装系统win7 </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/3992934.html" title="存储技术原理分析 chm"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="存储技术原理分析 chm" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3992934.html"> <b>存储技术原理分析 chm </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/2953526.html" title="香蕉馒头怎么做好吃又简单请问香蕉馒头怎么做"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="香蕉馒头怎么做好吃又简单请问香蕉馒头怎么做" src="http://img.readke.com/230808/034J13507-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2953526.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>