在当今数字化时代，网页设计和开发已成为一个重要的技能，而HTML5作为最新的标准，无疑是每个网页设计师和开发者必备的技能之一。本篇文章将为你提供一个全面的HTML5零基础入门教程，帮助你从一个完全的小白逐步成长为HTML5专家，掌握创建精美网页的技能。
1.了解HTML5的概念和作用
本章将介绍HTML5的概念、产生背景以及在网页设计和开发中的作用，帮助读者对HTML5有一个整体的认识。
2.HTML5文档结构与基本标签
学习HTML5文档的基本结构和标签，包括、、
、等，以及如何正确嵌套和使用这些标签。</p>
<p>3.HTML5文本标签</p>
<p style="text-align: center;"><img alt="HTML5零基础入门教程（掌握HTML5的必备技能）" title="HTML5零基础入门教程（掌握HTML5的必备技能）" src="https://www.hxbb.net/zb_users/upload/2024/06/20240614133735_37630.jpeg"/></p>
<p>了解HTML5中常用的文本标签，如<h1>~<h6>、<p>、<strong>、<em>等，学会使用这些标签来优化页面的结构和语义。</p>
<p>4.HTML5列表、表格和表单</p>
<p>学习HTML5中的列表标签（<ul>、<ol>、<li>），表格标签（<table>、<tr>、<th>、<td>）和表单标签（<form>、<input>、<textarea>等），掌握如何使用这些标签创建各种常见的网页元素。</p>
<p>5.图片、链接和多媒体</p>
<p>介绍在HTML5中如何插入图片、创建链接以及嵌入多媒体元素（如音频和视频），让你的网页内容更加生动和丰富。</p>
<p>6.CSS样式与选择器</p>
<p>学习如何使用CSS样式来美化网页，包括内联样式、内部样式表和外部样式表，以及常用的选择器，如标签选择器、类选择器和ID选择器。</p>
<p>7.盒模型和布局</p>
<p>了解盒模型的概念和属性，掌握如何使用margin、padding和border来调整元素的位置和样式，以及常用的布局方法，如流动布局和网格布局。</p>
<p>8.CSS3动画和过渡效果</p>
<p>学习如何使用CSS3来实现动画和过渡效果，让网页更加生动和吸引人。</p>
<p>9.响应式设计和移动端优化</p>
<p>介绍响应式设计的概念和原则，以及如何使用CSS3媒体查询和流动布局来优化网页在不同设备上的显示效果。</p>
<p>10.HTML5Web存储和离线应用</p>
<p>学习HTML5提供的Web存储和离线应用技术，包括WebStorage和ApplicationCache，以提高网页的性能和用户体验。</p>
<p>11.SEO优化与网页性能</p>
<p>介绍如何通过合理的网页结构和标签使用来优化搜索引擎排名，并提供一些提升网页性能的技巧和建议。</p>
<p>12.HTML5新特性和未来发展</p>
<p>了解HTML5的最新特性和未来发展趋势，为你在网页设计和开发领域保持前沿的技术认知提供指导。</p>
<p>13.HTML5实战项目：创建一个响应式网页</p>
<p>通过一个实战项目，帮助读者将所学的HTML5知识应用到实际的网页开发中，创建一个精美而又响应式的网页。</p>
<p>14.常见问题与解决方案</p>
<p>整理常见的HTML5问题，并提供相应的解决方案，帮助读者在学习和实践中更好地克服困难。</p>
<p>15.与进一步学习建议</p>
<p>对本教程进行，并给出进一步学习HTML5的建议和资源推荐，让读者能够继续深入学习和探索HTML5的更多应用。</p>
<p></p>
<p>通过本篇HTML5零基础入门教程，你将从一个小白逐步成长为HTML5专家，掌握创建精美网页的必备技能。无论你是想成为一名网页设计师还是开发者，HTML5都是你不可或缺的技能。加油！</p>
</article>
<!-- 广告位ad4 -->
<footer class="entry-meta">
<p id="tag-wrap" class="tag-wrap">
<i class="fa fa-tags"></i>标签：
<span class="padding"><a class="tags br" href="https://www.hxbb.net/view-4941-1.html" title="零基础入门">零基础入门</a></span>
</p>
<div class="bdsharebuttonbox fl share">
<div class="share-widget fl">
<div class="social-share" data-sites="wechat,weibo, qq, qzone"></div>
</div>
</div>
<div class="clear"></div>
</footer>
<div class="authorbio">
<div class="author_info">
<img alt="作者头像" src="//dn-qiniu-avatar.qbox.me/avatar/b70a46f09148634901fa6e442fca8201.png?s=60&d=mm&r=G" class="avatar avatar-40 photo" width="40" height="40">
<div class="author_detail">
<div class="author-name"><span class="author_font">游客</span><span class="author_t">创始人</span></div>
<p class="author_bref"></p>
</div>
</div>
<ul class="spostinfo">
<li class="author_experience"></li>
<li><strong>版权声明：</strong>本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 3561739510@qq.com 举报，一经查实，本站将立刻删除。</li>
<li><strong>转载请注明出处：</strong><a href="https://www.hxbb.net/author-1.html">游客，如有疑问，请联系我们</a></li>
<li><strong>本文地址：</strong><a href="https://www.hxbb.net/article-17614-1.html">https://www.hxbb.net/article-17614-1.html</a></li>
</ul>
</div>
<div class="post-navigation">
<div class="post-previous">
<span>上一篇:</span><a href="https://www.hxbb.net/article-17911-1.html">家庭版系统如何打开管理员权限（在家庭版系统中提升用户权限的方法）</a>
</div>
<div class="post-next">
<span>下一篇:</span><a href="https://www.hxbb.net/article-18072-1.html">误删文件如何恢复（掌握关键技巧轻松找回丢失的重要文件）</a>
</div>
</div>
<div class="relates">
<div class="title">
<h3>相关推荐</h3>
</div>
<div id="related-img">
<div class="r4">
<div class="related-site">
<figure class="related-site-img">
<a href="https://www.hxbb.net/article-16716-1.html" title="AE新手零基础入门教程（学习AE的）">
<img src="https://www.hxbb.net/zb_users/upload/2024/05/20240529163024_38990.jpeg" alt="AE新手零基础入门教程（学习AE的）">
</a>
</figure>
<div class="related-title">
<a href="https://www.hxbb.net/article-16716-1.html" title="AE新手零基础入门教程（学习AE的）">AE新手零基础入门教程（学习AE的）</a>
</div>
</div>
</div>
<div class="r4">
<div class="related-site">
<figure class="related-site-img">
<a href="https://www.hxbb.net/article-15637-1.html" title="WPS零基础入门教程（一步步学习WPS）">
<img src="https://www.hxbb.net/zb_users/upload/2024/05/20240529152518_91379.jpeg" alt="WPS零基础入门教程（一步步学习WPS）">
</a>
</figure>
<div class="related-title">
<a href="https://www.hxbb.net/article-15637-1.html" title="WPS零基础入门教程（一步步学习WPS）">WPS零基础入门教程（一步步学习WPS）</a>
</div>
</div>
</div>
<div class="r4">
<div class="related-site">
<figure class="related-site-img">
<a href="https://www.hxbb.net/article-12268-1.html" title="从零基础开始学习AE软件，轻松入门（新手AE教程）">
<img src="https://www.hxbb.net/zb_users/upload/2024/04/20240411193648_91088.jpeg" alt="从零基础开始学习AE软件，轻松入门（新手AE教程）">
</a>
</figure>
<div class="related-title">
<a href="https://www.hxbb.net/article-12268-1.html" title="从零基础开始学习AE软件，轻松入门（新手AE教程）">从零基础开始学习AE软件，轻松入门（新手AE教程）</a>
</div>
</div>
</div>
<div class="r4">
<div class="related-site">
<figure class="related-site-img">
<a href="https://www.hxbb.net/article-11002-1.html" title="HTML零基础入门教程（从头开始）">
<img src="https://www.hxbb.net/zb_users/upload/2024/04/20240411181745_91179.jpeg" alt="HTML零基础入门教程（从头开始）">
</a>
</figure>
<div class="related-title">
<a href="https://www.hxbb.net/article-11002-1.html" title="HTML零基础入门教程（从头开始）">HTML零基础入门教程（从头开始）</a>
</div>
</div>
</div>
<div class="clear">
</div>
</div>
</div>
<!--<p class="comment-disable sb br mb"><i class="iconfont icon-cry"></i>抱歉，评论功能暂时关闭!</p>-->
</div>
</div>
</div>
<aside class="sidebar" id="sidebar">
<dl class="function" id="aside_new">
<dt class="function_t">最新文章</dt><dd class="function_c">
<ul><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-26700-1.html" title="2024年台式电脑主流配置推荐——迎接未来的高效办公利器（高性能处理器、大容量存储空间、创新设计）">
<img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911170153_34050.jpeg" class="" alt="2024年台式电脑主流配置推荐——迎接未来的高效办公利器（高性能处理器、大容量存储空间、创新设计）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-26700-1.html" title="2024年台式电脑主流配置推荐——迎接未来的高效办公利器（高性能处理器、大容量存储空间、创新设计）">
2024年台式电脑主流配置推荐——迎接未来的高效办公
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2024-09-20
</span>
</div>
</li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-26696-1.html" title="雷电2（轻松畅玩游戏）">
<img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911170138_30665.jpeg" class="" alt="雷电2（轻松畅玩游戏）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-26696-1.html" title="雷电2（轻松畅玩游戏）">
雷电2（轻松畅玩游戏）
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2024-09-20
</span>
</div>
</li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-26692-1.html" title="火炬之光2全职业加点攻略（打造无敌角色）">
<img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911170122_50431.jpeg" class="" alt="火炬之光2全职业加点攻略（打造无敌角色）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-26692-1.html" title="火炬之光2全职业加点攻略（打造无敌角色）">
火炬之光2全职业加点攻略（打造无敌角色）
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2024-09-20
</span>
</div>
</li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-26687-1.html" title="探索暗黑类手游排行榜的魅力（揭秘暗黑类手游）">
<img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911170103_18556.jpeg" class="" alt="探索暗黑类手游排行榜的魅力（揭秘暗黑类手游）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-26687-1.html" title="探索暗黑类手游排行榜的魅力（揭秘暗黑类手游）">
探索暗黑类手游排行榜的魅力（揭秘暗黑类手游）
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2024-09-20
</span>
</div>
</li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-26678-1.html" title="DNF60版本怀旧服剑魂加点攻略（回忆经典）">
<img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911170027_87926.jpeg" class="" alt="DNF60版本怀旧服剑魂加点攻略（回忆经典）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-26678-1.html" title="DNF60版本怀旧服剑魂加点攻略（回忆经典）">
DNF60版本怀旧服剑魂加点攻略（回忆经典）
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2024-09-20
</span>
</div>
</li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-26677-1.html" title="倩女幽魂中最受欢迎的职业（探索最受欢迎职业的原因和特点）">
<img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911170024_10047.jpeg" class="" alt="倩女幽魂中最受欢迎的职业（探索最受欢迎职业的原因和特点）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-26677-1.html" title="倩女幽魂中最受欢迎的职业（探索最受欢迎职业的原因和特点）">
倩女幽魂中最受欢迎的职业（探索最受欢迎职业的原因和特
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2024-09-20
</span>
</div>
</li></ul>
</dd>
</dl>
<dl class="function" id="aside_hot">
<dt class="function_t">热门文章</dt><dd class="function_c">
<ul><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-1022-1.html" title="提升网站速度，你需要的网站加速器推荐（选择适合你的网站加速器，让用户流畅访问你的网站）">
<img src="https://www.hxbb.net/zb_users/upload/2023/10/20231011114009_66618.jpeg" class="" alt="提升网站速度，你需要的网站加速器推荐（选择适合你的网站加速器，让用户流畅访问你的网站）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-1022-1.html" title="提升网站速度，你需要的网站加速器推荐（选择适合你的网站加速器，让用户流畅访问你的网站）">
提升网站速度，你需要的网站加速器推荐（选择适合你的网
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2023-10-18
</span>
</div>
</li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-403-1.html" title="苹果语音备忘录（将苹果语音备忘录中的语音导出为文字，方便整理和回顾）">
<img src="https://www.hxbb.net/zb_users/upload/2023/09/20230927170936_28094.jpeg" class="" alt="苹果语音备忘录（将苹果语音备忘录中的语音导出为文字，方便整理和回顾）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-403-1.html" title="苹果语音备忘录（将苹果语音备忘录中的语音导出为文字，方便整理和回顾）">
苹果语音备忘录（将苹果语音备忘录中的语音导出为文字，
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2023-09-30
</span>
</div>
</li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-650-1.html" title="浏览器无法打开网页的原因（探究浏览器无法打开网页的各种可能原因及解决方法）">
<img src="https://www.hxbb.net/zb_users/upload/2023/09/20230927172150_80524.jpeg" class="" alt="浏览器无法打开网页的原因（探究浏览器无法打开网页的各种可能原因及解决方法）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-650-1.html" title="浏览器无法打开网页的原因（探究浏览器无法打开网页的各种可能原因及解决方法）">
浏览器无法打开网页的原因（探究浏览器无法打开网页的各
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2023-10-05
</span>
</div>
</li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-1428-1.html" title="抖音受众人群分析报告（揭秘抖音受众特征与行为习惯）">
<img src="https://www.hxbb.net/zb_users/upload/2023/10/20231030131947_73297.jpeg" class="" alt="抖音受众人群分析报告（揭秘抖音受众特征与行为习惯）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-1428-1.html" title="抖音受众人群分析报告（揭秘抖音受众特征与行为习惯）">
抖音受众人群分析报告（揭秘抖音受众特征与行为习惯）
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2023-11-04
</span>
</div>
</li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-969-1.html" title="Win10如何处理“该磁盘可能被另一个进程锁定”问题？（解决Win10下磁盘被锁定的方法及注意事项）">
<img src="https://www.hxbb.net/zb_users/upload/2023/10/20231011113736_26558.jpeg" class="" alt="Win10如何处理“该磁盘可能被另一个进程锁定”问题？（解决Win10下磁盘被锁定的方法及注意事项）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-969-1.html" title="Win10如何处理“该磁盘可能被另一个进程锁定”问题？（解决Win10下磁盘被锁定的方法及注意事项）">
Win10如何处理“该磁盘可能被另一个进程锁定”问题
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2023-10-18
</span>
</div>
</li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-1890-1.html" title="如何简单解除TF卡的写保护（TF卡写保护解决方法分享）">
<img src="https://www.hxbb.net/zb_users/upload/2023/10/20231030134148_86737.jpeg" class="" alt="如何简单解除TF卡的写保护（TF卡写保护解决方法分享）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-1890-1.html" title="如何简单解除TF卡的写保护（TF卡写保护解决方法分享）">
如何简单解除TF卡的写保护（TF卡写保护解决方法分享
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2023-11-18
</span>
</div>
</li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-699-1.html" title="国内Linux杀毒软件排名揭秘（国内Linux杀毒软件的性能、功能和用户评价比较分析）">
<img src="https://www.hxbb.net/zb_users/upload/2023/09/20230927172414_77795.jpeg" class="" alt="国内Linux杀毒软件排名揭秘（国内Linux杀毒软件的性能、功能和用户评价比较分析）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-699-1.html" title="国内Linux杀毒软件排名揭秘（国内Linux杀毒软件的性能、功能和用户评价比较分析）">
国内Linux杀毒软件排名揭秘（国内Linux杀毒软
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2023-10-06
</span>
</div>
</li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-580-1.html" title="解决NVIDIA控制面板无反应的问题（快速修复NVIDIA控制面板点了没反应的情况）">
<img src="https://www.hxbb.net/zb_users/upload/2023/09/20230927171822_61271.jpeg" class="" alt="解决NVIDIA控制面板无反应的问题（快速修复NVIDIA控制面板点了没反应的情况）"></a></div><div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-580-1.html" title="解决NVIDIA控制面板无反应的问题（快速修复NVIDIA控制面板点了没反应的情况）">
解决NVIDIA控制面板无反应的问题（快速修复NVI
</a></h4>
<span class="info"><i class="fa fa-calendar"></i>
2023-10-06
</span>
</div>
</li></ul>
</dd>
</dl>
<dl class="function" id="aside_hot_tag">
<dt class="function_t">热门标签</dt><dd class="function_c">
<ul><li><a href="https://www.hxbb.net/view-65-1.html" title="生活技巧">生活技巧<span class="tag-count"> (1442)</span></a></li><li><a href="https://www.hxbb.net/view-373-1.html" title="电脑">电脑<span class="tag-count"> (1008)</span></a></li><li><a href="https://www.hxbb.net/view-76-1.html" title="笔记本电脑">笔记本电脑<span class="tag-count"> (583)</span></a></li><li><a href="https://www.hxbb.net/view-4255-1.html" title="方法">方法<span class="tag-count"> (414)</span></a></li><li><a href="https://www.hxbb.net/view-538-1.html" title="台式电脑">台式电脑<span class="tag-count"> (370)</span></a></li><li><a href="https://www.hxbb.net/view-4212-1.html" title="怎么">怎么<span class="tag-count"> (332)</span></a></li><li><a href="https://www.hxbb.net/view-4237-1.html" title="怎么办">怎么办<span class="tag-count"> (286)</span></a></li><li><a href="https://www.hxbb.net/view-42-1.html" title="笔记本">笔记本<span class="tag-count"> (273)</span></a></li><li><a href="https://www.hxbb.net/view-4446-1.html" title="关于">关于<span class="tag-count"> (253)</span></a></li><li><a href="https://www.hxbb.net/view-4337-1.html" title="软件推荐">软件推荐<span class="tag-count"> (209)</span></a></li><li><a href="https://www.hxbb.net/view-5369-1.html" title="win10">win10<span class="tag-count"> (206)</span></a></li><li><a href="https://www.hxbb.net/view-1509-1.html" title="分享">分享<span class="tag-count"> (201)</span></a></li><li><a href="https://www.hxbb.net/view-4253-1.html" title="排行">排行<span class="tag-count"> (201)</span></a></li><li><a href="https://www.hxbb.net/view-1765-1.html" title="推荐">推荐<span class="tag-count"> (196)</span></a></li><li><a href="https://www.hxbb.net/view-1923-1.html" title="硬盘">硬盘<span class="tag-count"> (195)</span></a></li><li><a href="https://www.hxbb.net/view-4210-1.html" title="加点">加点<span class="tag-count"> (188)</span></a></li><li><a href="https://www.hxbb.net/view-103-1.html" title="手机">手机<span class="tag-count"> (182)</span></a></li><li><a href="https://www.hxbb.net/view-732-1.html" title="路由器">路由器<span class="tag-count"> (182)</span></a></li><li><a href="https://www.hxbb.net/view-185-1.html" title="盘">盘<span class="tag-count"> (162)</span></a></li><li><a href="https://www.hxbb.net/view-529-1.html" title="打印机">打印机<span class="tag-count"> (161)</span></a></li><li><a href="https://www.hxbb.net/view-503-1.html" title="系统">系统<span class="tag-count"> (157)</span></a></li></ul>
</dd>
</dl>
<dl class="function" id="divLinkage">
<dt class="function_t">友情链接</dt><dd class="function_c">
<ul><li class="link-item"><a href="https://www.seohf.cn/" target="_blank" title="火狐seo">火狐seo</a></li>
</ul>
</dd>
</dl> </aside>
</main>
<footer class="footer">
<div class="footer-ju">
<p>
Copyright © www.hxbb.net All Rights Reserved. <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">滇ICP备2023005829号</a> 图片来源于网络，如有侵权请联系删除<br><script>(function(){var bp=document.createElement('script');var curProtocol=window.location.protocol.split(':')[0];if(curProtocol==='https'){bp.src='https://zz.bdstatic.com/linksubmit/push.js'}else{bp.src='http://push.zhanzhang.baidu.com/push.js'}var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp,s)})();</script><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src="https://hm.baidu.com/hm.js?561647ca362b6d74de65a6619d33f10e";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s)})();</script></p>
</div>
</footer>
<div id="mask" style="display: none;"></div>
<script language="javascript" src="https://www.hxbb.net/zb_users/plugin/tx_side/js/txcstx.js"></script>
<script src="https://www.hxbb.net/zb_users/theme/zblog5_blog/script/function.js"></script>
<script src="https://www.hxbb.net/zb_users/theme/zblog5_blog/script/custom.js"></script>
<script src="https://www.hxbb.net/zb_users/theme/zblog5_blog/script/navigation.js"></script>
<div id="backtoTop" data-action="gototop">
<canvas id="backtoTopCanvas" width="45" height="45"></canvas>
<div class="per">
</div>
</div>
<!--[if lt IE 9]><script src="https://www.hxbb.net/zb_users/theme/zblog5_blog/script/html5-css3.js"></script><![endif]-->
<!--统计代码-->
<script src="https://www.hxbb.net/zb_users/theme/zblog5_blog/script/imgpang.js?r=1.5.8"></script>
</body>
</html><!--803.37 ms , 29 queries , 2178kb memory , 0 error-->