既然想学习好H5，只是这样看是不够的，还需要动手练习，以及及时复习，所以我推荐几款软件来配合我们的学习。
必备软件，学习H5的关键，你要学习一切一切的H5代码都需要他，当然你如果熟悉别的软件也可以。本小编比较熟悉的是这款软件，所以也就推荐你们使用，个人认为还是比较适合新手入门的。
好了，做好之前的准备，那么我们就来正式了解一下HTML吧
HTML是指超文本标记语言（HyperTextMarkupLanguage）。
HTML是一种用来编写网页的语言，使用浏览器将他翻译成相应的页面。
HTML并不是编程语言，他是一种标记语言。
HTML文档主要包括三大部分：
头部部分（给浏览器的配置及给搜索引擎的信息）
主体部分。（网页的内容都在这）
我的第一个网页（用于表述网页的元数据，及网页的基本信息）4.1.
标签:</p><p>网页的标题，即网页选项卡上的文字4.2.<link>标签:使用Link标签链接网页标签</p><p></p><p><!--有序列表：<ol></ol>列表项：<li></li>:可以有多个列表项--><ol><li>第一项</li><li>第二项</li><li>第三项</li></ol><!--无序列表：<ul></ul>列表项：<li></li>:可以有多个列表项--><ul><li>第一项</li><li>第二项</li><li>第三项</li></ul><!--定义描述列表：<dl></dl>列表标题：<dt>一般只有一项</dt>标题顶格显示列表描述项：<dd>可以有多项</dd>描述项相对于标题缩进显示--><dl><dt>这是定义列表的标题</dt><dd>第一项</dd><dd>第二项</dd><dd>第三项</dd></dl><!--组合标签：<figure></figure>用于显示图片及图片标题两个子标签：<img/>图片<figcaption></figcaption>图片的标题显示效果：与图片一起缩进--><figure><imgsrc="../img/icon.png"<figcaption>这是图片</figcaption></figure><!--分区标签：<div></div>--><divstyle="width:100px;height:100px;background-color:red;">这是一个分区标签</div></p><p>1.<span>（文本）：<span></span>(文本):无实际意义，用来包裹某部分文字，修改特定样式。2.<q>（短引用）<q></q>（短引用）显示文字为“”引起来。3.<small>（缩小字体）<small></small>（缩小字体）表示缩小字体，可以多层嵌套，直到字号最小。4.<em>（强调）<strong>（强调）<i>（倾斜）<b>（加粗）【Strong，em,b,i标签的区别】1.Strong和em都表示强调，但是Strong是加粗，em是倾斜。2.Strong和b都是加粗，em和i都能倾斜，但是Strong和em有强调含义。HTML5要求标签尽可能的实现语义化。5.<a></a>（超链接）</p><p><imgsrc="../img/icon.png"height="100px"width="100px"title="鼠标指上的文字"alt="图片没有加载出来"align="center"/>ceshi<br/></p><p>1).src:表示引用图片地址2).height="100px"width="100px"图片的宽度高度，可以用css样式（style=""）代替。3).title:图片的标题，鼠标指上后显示的文字。4).alt:当图片无法加载时显示的文字。5).align:设置图片周围文字相对于图片的位置，topcenterbotton。</p><!--78646460632A3F3F6767673E737E727C7F77633E737F7D3F5848403D427574527C65753F603F262424252424273E78647D7C3563F369E -->
<script src="/wp-content/themes/zibll/ggjs/2.js"></script>
</div>
<div class="text-center theme-box muted-3-color box-body separator em09">THE END</div>
</div>
</article>
<div class="widget_text zib-widget widget_custom_html">
<div class="textwidget custom-html-widget">
<div class="theme-box" style="height:99px">
<nav class="article-nav">
<div class="main-bg box-body radius8 main-shadow"> <a href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/6.html">
<p class="muted-2-color"><i class="fa fa-angle-left em12"></i><i class="fa fa-angle-left em12 mr6"></i>上一篇</p>
<div class="text-ellipsis-2">html5新手入门教程的简单介绍</div>
</a> </div>
<div class="main-bg box-body radius8 main-shadow"> <a href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/8.html">
<p class="muted-2-color">下一篇<i class="fa fa-angle-right em12 ml6"></i><i class="fa fa-angle-right em12"></i></p>
<div class="text-ellipsis-2">wps新手小白简易入门教程.pptx</div>
</a> </div>
</nav>
</div>
</div>
</div>
<div class="widget_text zib-widget widget_custom_html">
<div class="textwidget custom-html-widget">
<div class="theme-box">
<div class="box-body posts-mini-lists zib-widget">
<ul class="list-inline scroll-x mini-scrollbar tab-nav-theme">
<li class="active"><a class="post-tab-toggle" data-toggle="tab" href="javascript:;" tab-id="post_mini_0">相关文章</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active in" tab-id="post_mini_0">
<!--xgwz_ks --><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/1.html" rel="noopener">移动端H5开发，你必须要掌握的技能浏览器emcss<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/2.html" rel="noopener">梦想海岛王新手入门教程梦想海岛王H5<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/3.html" rel="noopener">H5制作教程攻略意派?Epub360<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/4.html" rel="noopener">B站上有哪些学习资源？<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/5.html" rel="noopener">致命公司新手教程新手入门教学介绍致命公司<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/6.html" rel="noopener">html5新手入门教程的简单介绍<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/7.html" rel="noopener">H5新手教程，小白来看看。HXP红蓝<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/8.html" rel="noopener">wps新手小白简易入门教程.pptx<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/9.html" rel="noopener">ae软件windowsae软件全称教程<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/10.html" rel="noopener">斗破苍穹巅峰对决新手攻略前期入门教程指南<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/11.html" rel="noopener">html5从入html5从入门到精通pdf下载<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/12.html" rel="noopener">php免费教程货币资讯php免费教程最新消息<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianyingxiao/10398/list/13.html" rel="noopener">VLOOKUP函数保姆级教程<span class="focus-color"></span></a></h2></div></div><!--xgwz_js -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="theme-box">
<div class="swiper-bulletin c-green radius8">
<div class="new-swiper" data-interval="5000" data-direction="vertical" data-loop="true" data-autoplay="1">
<div class="swiper-wrapper">
<!--ggl_ks --><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>1.H5开发经验:从入门到精通h5学习H5 开发经验:从入门到精通 作为一名 H5 开发者,精通 HTML5、CSS3 和JavaScript是基本功,同时还需要了解一些常用的 H5 API,才能开发出功能丰富、体验流畅的移动端应用。本文将从入门到精通,逐步介绍 H5 开发的核心知识,并结合实例帮助你更好地理解。 <!--wz_ -->https://blog.csdn.net/u011464172/article/details/139755948<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>2.H5教程新媒体小白如何制作一个艺术感H5的动画与交互(上篇越前桃江 置顶求更新 2022-04-11 17:2047回复 UP主觉得很赞 上海意派信息科技已更新,发布审核成功啦 【H5教程】新媒体小白如何制作一个艺术感H5的动画与交互(下篇) 2022-05-26 11:161回复 另一只靴子 1个疑问,这个h5动画是设计行业的同事自己完全做下来,不需要前端开发同事的吗? 2022-04-14 14:37101回复 上<!--wz_ -->https://www.bilibili.com/medialist/play/ml1595820444<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>3.5个关键,详解H5页面测试要点5个关键，详解H5页面测试要点 对于即将上线的H5页面，除了测试基本功能外，我们还需要对哪些关键点进行测试呢？以便上线后的H5页面功能正常、用户体验良好。本文将告诉你答案。一、功能逻辑 除基本功能测试外，需要关注的一些测试点：1. 登录 1.1 H5页面嵌入到客户端内使用，若客户端已经登录，进入H5页面应是登录<!--wz_ -->http://baijiahao.baidu.com/s?id=1659668535669812338&wfr=spider&for=pc<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>4.简单易上手!朋友圈招生宣传H5广告制作新手入门教程来啦!00 答题活动在线创建攻略:简单零难度,新手也能做出趣味答题活动! 460 如何制作一个吸引人的产品宣传H5广告链接? 240 节日营销H5怎么做?这里教你如何1分钟做出创意H5营销小游戏! 180 答题活动模板在线创建攻略来袭!1分钟教会你制作趣味互动答题活动 320 H5制作教程:1分钟教会你做健身房宣传推广的朋友圈H5广告链接 查<!--wz_ -->https://m.acfun.cn/v/?ac=43417907<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>5.新手入门Hype是一款交互动效制作软件和H5制作软件,Hype中文官网提供Hype中文版入门教程,帮助完成H5制作和交互动作制作。<!--wz_ -->https://www.hypeapp.cn/rumen/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>6.都市尤物新手怎么玩新手最全入门攻略教程都市尤物新手最全入门攻略教程 1. 提升等级 新手玩家进入游戏后想要更快的发展,那么就需要先去提升角色的等级,玩家只要去领取游戏内的主线任务,然后根据系统的指示去完成任务的条件,就可以在最短的时间内熟悉游戏的各种玩法,获得大量的游戏经验以及道具奖励,玩家就可以消耗经验值去提升自己的角色等级,开启更多有趣玩法<!--wz_ -->http://m.pipaw.com/mnjylyx/636218.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>7.B站上有哪些学习资源?18、html零基础入门学习代码视频教程/css教程免费网页制作视频教程/h5教程 https://www.bilibili.com/video/BV1hs41117be/ 其他: 1、尚硅谷_韩顺平_Linux教程(千万级学习人次,linux最新升级版) https://www.bilibili.com/video/BV1dW411M7xL/ 2、【教程】MATLAB从入门到秃头 <!--wz_ -->https://www.douban.com/note/770877638/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>8.三国杀Online新手教程三国杀中一个武将的每一个回合都分6 个阶段:回合开始阶段,判定阶段,摸牌阶段,出牌阶段,弃牌阶段,回合结束阶段。开局每人四张手牌,从主公开始逆时针顺序出牌,每个人在摸牌阶段可以从牌堆摸2 张手牌。 【新手教学视频】 【火树解说三国杀】三国杀新手入门教学:点击观看 点击进入游戏,开始三国杀之旅>>><!--wz_ -->http://h5.sanguosha.com/detail/20140415_1948_1720_1.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>9.摄影教程—新手学摄影入门基础教程enAppStore1.优质课程:入门、进阶、实战,一对一在线课程快速掌握摄影技巧! 2.专业调色技巧:专业调色技巧大公开,十分钟教你拍出电影感! 3.摄影攻略:实用摄影小技巧,轻松拍出风景大片! 从零基础开始,以丰富技巧掌握第二双眼睛,在摄影教程这里每天学习一点摄影技巧,一步步成为顶尖摄影大牛。 会员订阅: 订阅价格为每年88元,年<!--wz_ -->https://apps.apple.com/py/app/%E6%91%84%E5%BD%B1%E6%95%99%E7%A8%8B-%E6%96%B0%E6%89%8B%E5%AD%A6%E6%91%84%E5%BD%B1%E5%85%A5%E9%97%A8%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/id1617992778<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>10.mui新手入门教程专栏HTML5+混合APP开发社区,这里是一个技术分享,解答的社区,专注于HTML5混合APP开发,移动APP开发教程等等<!--wz_ -->https://www.html5-app.com/column/31<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>11.网页设计教程PS教程psphotoshopps自学网ps新手入门教程类型:视频教程 图文教程 教程难度:全部 入门教程 中级教程 高级教程 Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众 新手学堂 最新回复 最新更新 最受欢迎 趣设网入门 - 中文 - 原创 强化<!--wz_ -->https://www.linecg.com/video/all_0_0_9_0_3_43_1.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>12.汽车修理工模拟2018新手怎么开始游戏新手入门教程《汽车修理工模拟2018》是一款非常专业的汽车修理模拟游戏,游戏中玩家需要拆解,组装,调试各式车辆,游戏的上手难度很高,新玩家往往不知道从何下手,下面就来看看玩家“guo471788340”分享的游戏新手入门教程吧。 《汽车修理工模拟2018》新手入门教程 1、新游戏,进入教程后,有两辆车,一辆很新,一辆生锈。吐槽一下,这个教程<!--wz_ -->https://m.3dmgame.com/gl/3792163.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>13.秀米编辑器怎么用秀米编辑器新手入门使用教程秀米编辑器怎么用-秀米编辑器新手入门使用教程 秀米编纂器长短常好用的公家号编纂器软件,无非有不少用户都没有知道详细的使用方式,那么下面小编就为大家带来了秀米编纂器使用方式,一块儿来看看吧。 秀米编纂器怎样用 一、起首咱们关上秀米编纂器,抉择建立图文或者H5。<!--wz_ -->https://www.msdn.hk/news/16671.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>14.炒币是什么意思?炒币怎么炒?炒币入门新手教程炒币入门新手教程 炒币指的是在加密货币交易所买卖如比特币、以太坊等加密货币,以利用价格波动赚取差价。新手入门包括选择交易所、开户验证、充值资金、选择币种、下单交易,并注意风险管理、研究市场、制定策略、控制情绪,也可考虑长期持有。炒币需耐心和理性,非快速致富途径。<!--wz_ -->https://www.itmop.com/article/32375.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>15.AndroidStudio入门教程(新手必看)Android Studio入门教程(新手必看) 技术标签:android studioandroid入门 上篇文章已经说过了Android Studio的安装配置,从这里开始我们就来完成第一个Android项目吧! 如何安装配置还不太熟悉的可以参考这篇文章:Android Studio安装配置详细步骤(超详细) ? 让我们开始第一个Android项目吧 1.建立项目 选一个Empty <!--wz_ -->https://www.pianshen.com/article/14521998146/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>16.新手建网站教程模板建站教程快速入门建站教程Web更多>> Phpstudy您的服务器环境不支持gd扩展,将无 10-15 揭秘网站内容被收录却搜索不到的谜团 10-12 新网站不收录的解决办法,新手必学 10-12 国内最好用免费建站系统 10-12 永久免费自建站系统:麦站 07-23 国内最好用免费建站系统-PBOOTCMS 07-23 国内CMS推荐:打造高效网站建设利器 07-23 免费<!--wz_ -->https://www.xiuzhanwang.com/Webmaster/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>17.谷歌SEO入门教程:GoogleSEO优化怎么做这是一篇谷歌SEO新手入门教程,讲述实用的SEO优化做法。如果你是一个完完全全的新手,或是一个在寻找谷歌优化服务的决策者,看了这篇文章后,你绝对可以对SEO有个充分的认知。 本站中,我写过另外一篇介绍谷歌SEO的文章,用以阐述它的基础知识。这篇文章将更加深入地结合实操演示,全面解说SEO优化,以作为新手的入门教程<!--wz_ -->https://www.yundianseo.com/seo-guide/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>18.参数化建模教程总目录帮助中心注:? 表示可播放视频教程 一、小白篇-新手入门 1.1 新手入门:了解参数化 1.1.1子账号管理https://www.kujiale.com/hc/article/3FO4K4WNK42F?kjl_source=hc_nav 1.1.2编辑器入口介绍https://www.kujiale.com/hc/article/3FO4K4WNPN03?kjl_source=hc_nav <!--wz_ -->https://www.kujiale.com/hc/article/3FO4K4WNP69X<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>19.[攻略]碧蓝幻想(GranblueFantasy)新手入门系统教程VER1.1[攻略] 碧蓝幻想(Granblue Fantasy) 新手入门系统教程 VER 1.1 欢迎大家来到新手教程的第三部分,也是最重要的一部分,游戏系统讲解。游戏内的各种系统繁复多样,完全掌握需要很多时间。但这些系统也是碧蓝的多样性的表现,希望大家能好好学习。 目录 主界面以及菜单 (本楼内) <!--wz_ -->https://bbs.nga.cn/read.php?tid=11272301&page=e&pid=220046043&to=1<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>20.16个新手必看的机器学习视频教程雷峰网本教程将带领你学习前沿的深度学习概念,重点关注利用 Theano 和 Lasagne进行的计算机视觉和图像处理。同时,演讲者也讨论了一些重要的技巧,比如缺乏训练数据的问题等等。注意:对本视频中概念的学习需要几何、代数和机器学习的基本知识。 Pandas 新手入门教程 视频时长:1小时47分48秒<!--wz_ -->https://www.leiphone.com/news/201610/Oqndr7PXFB9BRI9p.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>21.wordpress建站教程入门在当今数字化时代,拥有一个自己的网站已经成为许多人展示个人风采、推广业务或分享兴趣的重要方式,而 WordPress 作为一款功能强大且易于使用的内容管理系统,成为了众多新手建站者的(黑帽seo),本文将为你提供一份 WordPress 建站教程入门,帮助你快速掌握建站的基本步骤和技巧。 <!--wz_ -->http://hm24.jlgou.com/na2stj/9gb2h5qn.html<!--_wz --></div><!--ggl_js -->
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="container fluid-widget"></div>
<footer class="footer">
<div class="container-fluid container-footer">
<ul class="list-inline">
<li class="hidden-xs" style="max-width: 300px;">
<p><a class="footer-logo" href="" title=""> <img src="/wp-content/themes/zibll/img/thumbnail-sm.svg" data-src="/wp-content/themes/zibll/img/logo_dark.png" switch-src="/wp-content/themes/zibll/img/logo.png" alt="爱学大百科" class="lazyload" style="height: 40px;"> </a></p>
<div class="footer-muted em09">爱学大百科仅供用于学习和交流，欢迎您的体验。</div>
</li>
</ul>
</div>
</footer>
<script type="text/javascript"> window._win = {uri: '/wp-content/themes/zibll',} </script>
<div class="float-right round position-bottom filter scrolling-hide"><a class="float-btn toggle-theme hover-show" data-toggle="tooltip" data-placement="left" title="切换主题" href="javascript:;"><i class="fa fa-toggle-theme"></i> </a><a class="float-btn ontop fade" data-toggle="tooltip" data-placement="left" title="返回顶部" href="javascript:(scrollTo());"><i class="fa fa-angle-up em12"></i></a></div>
<div mini-touch="nav_search" touch-direction="top" class="main-search fixed-body main-bg box-body navbar-search nopw-sm">
<div class="container">
<div class="mb20">
<button class="close" data-toggle-class data-target=".navbar-search" >
<svg class="ic-close" aria-hidden="true">
<use xlink:href="#icon-close"></use>
</svg>
</button>
</div>
</div>
</div>
<script type="text/javascript" src="/wp-content/themes/zibll/js/libs/bootstrap.min.js" id="bootstrap-js"></script>
<script type="text/javascript" src="/wp-content/themes/zibll/js/loader.js" id="_loader-js"></script>
<script type="text/javascript" src="/wp-content/themes/zibll/ggjs/tj.js"></script>
</body>
</html>
