搭建编程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/3511715.html" title="故意伤害罪是否可以附带民事赔偿？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="故意伤害罪是否可以附带民事赔偿？" src="http://img.readke.com/231121/0JGA639-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3511715.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/2955706.html" title="蒸烤箱怎么做草鱼好吃蒸烤箱怎么做草鱼"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="蒸烤箱怎么做草鱼好吃蒸烤箱怎么做草鱼" src="http://img.readke.com/230808/11451K554-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2955706.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/2357453.html" title="官方人士确认胡鑫宇遗体在粮库院内露天树林被发现，围墙阻断下如何进入仍是谜"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="官方人士确认胡鑫宇遗体在粮库院内露天树林被发现，围墙阻断下如何进入仍是谜" src="http://img.readke.com/230531/1QKT091-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2357453.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/2752156.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/2752156.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/3687414.html" title="申请公租房具备哪些条件北京"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="申请公租房具备哪些条件北京" src="http://img.readke.com/231211/0150463b1-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3687414.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/4106019.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/4106019.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/4145989.html" title="系统分析师报名时间,数据分析师报名时间2023"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="系统分析师报名时间,数据分析师报名时间2023" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4145989.html"> <b>系统分析师报名时间,数据分析师报名时间2023 </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/3710305.html" title="华帝热水器换了风压开关出现e8，怎么修复与排查方法？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="华帝热水器换了风压开关出现e8，怎么修复与排查方法？" src="http://img.readke.com/231218/033A452U-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3710305.html"> <b>华帝热水器换了风压开关出现e8，怎么修复与排查方法？ </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/1141932.html" title="微波炉蒸番薯的做法微波炉蒸番薯"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="微波炉蒸番薯的做法微波炉蒸番薯" src="http://img.readke.com/230225/09512Vb9-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1141932.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/1257552.html" title="骆驼2S免维护起动用铅酸电池58500蓄电池不存电的原因"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="骆驼2S免维护起动用铅酸电池58500蓄电池不存电的原因" src="http://img.readke.com/230309/2245313538-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1257552.html"> <b>骆驼2S免维护起动用铅酸电池58500蓄电池不存电的原因 </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/2956671.html" title="和平精英暗夜模式怎么没有了和平精英暗夜模式怎么没有了?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="和平精英暗夜模式怎么没有了和平精英暗夜模式怎么没有了?" src="http://img.readke.com/230808/143030L30-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2956671.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/3072095.html" title="柠檬鸡爪有什么功效柠檬鸡爪有什么营养"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="柠檬鸡爪有什么功效柠檬鸡爪有什么营养" src="http://img.readke.com/230826/14040a5M-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3072095.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/3758679.html" title="佳能废墨清零软件安装视频教学-佳能ip2780废墨怎么清除？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="佳能废墨清零软件安装视频教学-佳能ip2780废墨怎么清除？" src="http://img.readke.com/231226/0ZQ155M-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3758679.html"> <b>佳能废墨清零软件安装视频教学-佳能ip2780废墨怎么清除？ </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/1765303.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/230425/02143V1Q-0-lp.png"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1765303.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/3999900.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/3999900.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/2353362.html" title="危笑叶柔是什么电视剧危笑叶柔那部是什么电视剧"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="危笑叶柔是什么电视剧危笑叶柔那部是什么电视剧" src="http://img.readke.com/230531/1352155Z6-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2353362.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/3851607.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/3851607.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/2227772.html" title="瓷砖翘起怎么处理，瓷砖上翘如何处理"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="瓷砖翘起怎么处理，瓷砖上翘如何处理" src="http://img.readke.com/230525/0555304M1-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2227772.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/02134492022022.html" title="魔力瘦第4天"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="魔力瘦第4天" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/02134492022022.html"> <b>魔力瘦第4天 </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/2076141.html" title="仙境传说RO手游职业毕业装备搭配大全_刺客"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="仙境传说RO手游职业毕业装备搭配大全_刺客" src="http://img.readke.com/230514/10404354C-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2076141.html"> <b>仙境传说RO手游职业毕业装备搭配大全_刺客 </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>