js面试题|前端总复习——html篇

1、html标签的类型(head, body, !Doctype)他们 的作用是什么?

!DOCTYPE标签: 他是指示web浏览器关于页面使用哪个html版本进行编写的指令。 head: 是所有头部元素的容器,绝大多数头部标签的内容不会显示给读者。 body: 用于定义文档的主体,包含了文档的所有内容 该标签支持html的全局属性和事件属性。

2、h5新特性
1、新增选择器document.querySelector,document.querySelectorAll 2、拖拽释放(Drag and drop) API 3、媒体播放的video和audio 4、本地存储localStorage和sessionStorage 5、离线应用manifest 6、桌面通知Notifiactions 7、语义化标签 article, footer, header, nav,session 8、增强表单控件:calendar、date、time、email、url、search 9、地理位置 Geolocation 10、多任务 webworker 11、全双工通信协议 websocket 12、历史管理 history 13、跨域资源共享(CORS) Access-Control-Allow-Origin 14、页面可见性改变事件 visibilitychange 15、跨窗口通信 PostMessage 16、Form Data 对象 17、绘画 canvas

【js面试题|前端总复习——html篇】H5移除的元素::
1、纯表现的元素:basefont、big、center、font、s、strike、tt、u 2、对可用性产生负面影响的元素:frame、frameset、noframes

3、伪类和伪元素
1、伪类:用于已有元素处于某种状态时为其添加对应的样式,这个状态是根据用户行为而动态变化的。 例如:当用户悬停在指定元素时,可以通过:hover来描述这个元素的状态,虽然它和一般css相似,可以为 已有元素添加样式,但是它只有处于DOM树无法描述的状态下才能为元素添加样式,所以称为伪类。 2、伪元素:用于创建一些不在DOM树中的元素,并为其添加样式。例如,我们可以通过:before来在一个元素之前添加一些文本,并为这些文本添加样式,虽然用户可以看见 这些文本,但是它实际上并不在DOM文档中。

4、html5语义化
在HTML5出来之前,我们习惯于用div来表示页面的章节或者不同模块,但是div本身是没有语义的。但是现在,HTML5中加入了一些语义化标签,来更清晰的表达文档结构。

<ul> <li><nav> <main> <article> > <aside> <footer> > > <em> <mark> <figure> <figcaption><blockquoto> <q> <time> <abbr> <dfn> <address> <del> <ins> <code> <meter></code></blockquote><br /> <code>语义化优点:</code><br /> <blockquote><code>1、易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。 2、有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。 3、方便屏幕阅读器解析,如盲人阅读器根据语义渲染网页 4、有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。 </code></blockquote><br /> 5、audio标签中的api<br /> <table> <thead> <tr> <th>属性</th> <th>属性值</th> <th>注释</th> </tr> </thead> <tbody> <tr> <td>src</td> <td>url</td> <td>播放的音乐url地址</td> </tr> <tr> <td>preload</td> <td>preload</td> <td>预加载(当页面被加载是进行加载或者说缓冲音频),如果使用了autoplay的话那么该属性失效</td> </tr> <tr> <td>loop</td> <td>loop</td> <td>循环播放</td> </tr> <tr> <td>controls</td> <td>controls</td> <td>是否显示默认控制条</td> </tr> <tr> <td>autoplay</td> <td>autoplay</td> <td>自动播放</td> </tr> </tbody> </table></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/1447068.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/1447068.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/10132V0952021.html" title="手机|1亿像素还不是尽头!小米2亿像素手机曝光:或明年下半年发布"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="手机|1亿像素还不是尽头!小米2亿像素手机曝光:或明年下半年发布" src="https://p0.ssl.img.360kuai.com/t01a246eab6e9bfd496.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/10132V0952021.html"> <b>手机|1亿像素还不是尽头!小米2亿像素手机曝光:或明年下半年发布 </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/3933291.html" title="鲁大师1"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="鲁大师1" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3933291.html"> <b>鲁大师1 </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/3189944.html" title="何以解忧下一句是什么[微笑]"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="何以解忧下一句是什么[微笑]" src="http://img.readke.com/230928/235510EM-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3189944.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/3514432.html" title="华为cbg是什么的缩写 华为的cnbg和cbg是什么"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="华为cbg是什么的缩写 华为的cnbg和cbg是什么" src="http://img.readke.com/231121/1630395b8-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3514432.html"> <b>华为cbg是什么的缩写 华为的cnbg和cbg是什么 </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/2307579.html" title="淘宝消息怎么快速删除 淘宝消息快速删除方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="淘宝消息怎么快速删除 淘宝消息快速删除方法" src="http://img.readke.com/230529/0046233R4-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2307579.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/3793826.html" title="爱普生4168固件下载"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="爱普生4168固件下载" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3793826.html"> <b>爱普生4168固件下载 </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/2658523.html" title="《海贼王》里除了四皇之外谁的赏金最高?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="《海贼王》里除了四皇之外谁的赏金最高?" src="http://img.readke.com/230708/12114W545-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2658523.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/3052163.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/3052163.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/2635262.html" title="量比是什么意思,换手率多少才合适? 量比是什么意思"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="量比是什么意思,换手率多少才合适? 量比是什么意思" src="http://img.readke.com/230706/1PJWF9-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2635262.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/2472989.html" title="我的世界指令大全最新 我的世界指令大全最新手机版"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="我的世界指令大全最新 我的世界指令大全最新手机版" src="http://img.readke.com/230609/06141134X-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2472989.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/3882159.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/3882159.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/2370199.html" title="在自家阳台怎样种蒜苗 自家阳台种蒜苗的方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="在自家阳台怎样种蒜苗 自家阳台种蒜苗的方法" src="http://img.readke.com/230601/0S403MC-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2370199.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/3612253.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/3612253.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/2418999.html" title="gla怎么样 gla怎么样换发动机机脚胶"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="gla怎么样 gla怎么样换发动机机脚胶" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2418999.html"> <b>gla怎么样 gla怎么样换发动机机脚胶 </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/2624808.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/2624808.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/3828311.html" title="三菱plc编程技巧大全,三菱plc编程怎么编"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="三菱plc编程技巧大全,三菱plc编程怎么编" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3828311.html"> <b>三菱plc编程技巧大全,三菱plc编程怎么编 </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/3806057.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/3806057.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/1570459.html" title="蘑菇拌饭"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="蘑菇拌饭" src="http://img.readke.com/230415/0I52120S-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1570459.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/2468308.html" title="蚂蚁庄园新蛋卡是什么?蚂蚁庄园新蛋卡怎么获得?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="蚂蚁庄园新蛋卡是什么?蚂蚁庄园新蛋卡怎么获得?" src="http://img.readke.com/230608/2136263626-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2468308.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/648471.html" title="css|.113轮播图练习" target="_blank">css|.113轮播图练习 </a></li> <li><a href="/c/648468.html" title="前端|小练习1-文本练习" target="_blank">前端|小练习1-文本练习 </a></li> <li><a href="/c/648300.html" title="前端|我又发现一个开源串口神器,太强了" target="_blank">前端|我又发现一个开源串口神器,太强了 </a></li> <li><a href="/c/648299.html" title="Web前端|CSS的行内样式与内联样式,web中间开发" target="_blank">Web前端|CSS的行内样式与内联样式,web中间开发 </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/646763.html" title="Java毕业设计项目实战篇|Java项目:养老院管理系统(java+SpringBoot+thymeleaf+HTML+Js+mysql)" target="_blank">Java毕业设计项目实战篇|Java项目:养老院管理系统(java+SpringBoot+thymeleaf+HTML+Js+mysql) </a></li> <li><a href="/c/646761.html" title="Java毕业设计项目实战篇|Java项目:物业管理系统(java+SpringBoot+LayUI+HTML+maven+mysql)" target="_blank">Java毕业设计项目实战篇|Java项目:物业管理系统(java+SpringBoot+LayUI+HTML+maven+mysql) </a></li> <li><a href="/c/646049.html" title="Web|前端三剑客 HTML、CSS、JavaScript 入门到上手" target="_blank">Web|前端三剑客 HTML、CSS、JavaScript 入门到上手 </a></li> <li><a href="/c/646046.html" title="html|前端三大基础语言------学习前先了解" target="_blank">html|前端三大基础语言------学习前先了解 </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/648604.html'>电脑退出当前页面快捷键是什么</a> </p> <p class="post-next fr ellipsis">下一篇:<a href='/c/648635.html'>python函数递归求和详解_Python递归函数详细分析</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/648635.html" title="python函数递归求和详解_Python递归函数详细分析"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="python函数递归求和详解_Python递归函数详细分析" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/648635.html" title="python函数递归求和详解_Python递归函数详细分析">python函数递归求和详解_Python递归函数详细分析</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/648634.html" title="js面试题|前端总复习——html篇"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="js面试题|前端总复习——html篇" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/648634.html" title="js面试题|前端总复习——html篇">js面试题|前端总复习——html篇</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/648604.html" title="电脑退出当前页面快捷键是什么"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="电脑退出当前页面快捷键是什么" src="http://img.readke.com/220503/212015L95-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/648604.html" title="电脑退出当前页面快捷键是什么">电脑退出当前页面快捷键是什么</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/648603.html" title="怎么修改ip地址"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="怎么修改ip地址" src="http://img.readke.com/220503/2120044H7-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/648603.html" title="怎么修改ip地址">怎么修改ip地址</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/648602.html" title="电脑ip地址查询"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="电脑ip地址查询" src="http://img.readke.com/220503/211952DO-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/648602.html" title="电脑ip地址查询">电脑ip地址查询</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/648601.html" title="电脑屏幕怎么调亮度"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="电脑屏幕怎么调亮度" src="http://img.readke.com/220503/2119424O7-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/648601.html" title="电脑屏幕怎么调亮度">电脑屏幕怎么调亮度</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/648600.html" title="电脑右下角出现感叹号连不上网"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="电脑右下角出现感叹号连不上网" src="http://img.readke.com/220503/21193142R-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/648600.html" title="电脑右下角出现感叹号连不上网">电脑右下角出现感叹号连不上网</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/648599.html" title="电脑蓝屏后重启一直黑屏"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="电脑蓝屏后重启一直黑屏" src="http://img.readke.com/220503/21191T918-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/648599.html" title="电脑蓝屏后重启一直黑屏">电脑蓝屏后重启一直黑屏</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/648598.html" title="电脑卡顿怎么解决"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="电脑卡顿怎么解决" src="http://img.readke.com/220503/211Z63911-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/648598.html" title="电脑卡顿怎么解决">电脑卡顿怎么解决</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/648597.html" title="台式机怎么连接wifi"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="台式机怎么连接wifi" src="http://img.readke.com/220503/211U24N8-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/648597.html" title="台式机怎么连接wifi">台式机怎么连接wifi</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"> <!--<img src="/skin/images/logo-footer.png">--></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>