当前位置：网站首页 > 地方SEO > 正文

HTML文件类型有哪些？它们各自的作用是什么？

游客 2025-06-08 13:26:02 10

超文本标记语言（HTML）是构建网页和网络应用的基石。无论你是一名网页设计师还是开发新手，了解HTML文件及其组成结构对你的工作都至关重要。HTML有哪些文件？让我们一步步揭开这个话题的神秘面纱。

1.HTML文件基础

HTML文件是一种用于创建网页的文本文件。它以`.html`或`.htm`为扩展名。HTML文件包含了一系列标记（Tags）或元素（Elements），这些标记指示浏览器如何展示内容。每个HTML文件都由``声明开头，紧跟``元素，内含``和``两部分。

1.1标准HTML文档结构

示例代码：

```html

页面标题

```

1.2文件组成详解

文档类型声明(DOCTYPE):``用于告诉浏览器该页面是HTML5文档。

根元素``:代表整个HTML文档的根，其他所有元素都是它的子元素。

头部``:包含了文档的元数据，例如字符集声明、文档标题以及引用的脚本和样式表等。

标题``</strong>:定义页面的标题，这个标题显示在浏览器的标签页上。</p> <p><strong>主体`<body>`</strong>:包含了页面上所有可见的内容，如文本、图片、链接、表单等。</p> <p style="text-align: center;"><img alt="HTML文件类型有哪些？它们各自的作用是什么？" title="HTML文件类型有哪些？它们各自的作用是什么？" src="https://www.seo186.net/zb_users/upload/2025/06/20250607172101_74544.jpeg"/></p> <h2>2.HTML文件中的常见元素</h2> <p>HTML文件中可以包含多种不同的元素，每个元素都有其特定的作用。下面列举一些在HTML文件中常见的元素：</p> <p><strong>2.1标题元素`<h1>`到`<h6>`</strong></p> <p>标题元素用于定义页面上的标题和副标题。</p> <p>```html</p> <p><h1>这是主标题</h1></p> <h2>这是二级标题</h2> <p></p> <p>```</p> <p><strong>2.2段落元素`<p>`</strong></p> <p>用于创建文本段落。</p> <p>```html</p> <p><p>这是一个段落。</p></p> <p>```</p> <p><strong>2.3链接元素`<a>`</strong></p> <p>用于创建超链接，指向其他页面或页面内的特定部分。</p> <p>```html</p> <p><ahref="https://www.baidu.com"rel="nofollownoopener">访问百度</a></p> <p>```</p> <p><strong>2.4图像元素`<img>`</strong></p> <p>用于在页面上嵌入图像。</p> <p>```html</p> <p><img alt="HTML文件类型有哪些？它们各自的作用是什么？" title="HTML文件类型有哪些？它们各自的作用是什么？" src="image.jpg"/></p> <p>```</p> <p><strong>2.5列表元素`<ul>`,`<ol>`和`<li>`</strong></p> <p>用于创建无序列表和有序列表。</p> <p>```html</p> <p><ul></p> <p><li>列表项一</li></p> <p><li>列表项二</li></p> <p></p> <p></ul></p> <p>```</p> <p><strong>2.6表单元素`<form>`</strong></p> <p>用于创建用户输入数据的表单。</p> <p>```html</p> <p><formaction="/submit"method="post"></p> <p><inputtype="text"name="username"></p> <p></p> <p></form></p> <p>```</p> <p style="text-align: center;"><img alt="HTML文件类型有哪些？它们各自的作用是什么？" title="HTML文件类型有哪些？它们各自的作用是什么？" src="https://www.seo186.net/zb_users/upload/2025/06/20250607172101_94448.jpeg"/></p> <h2>3.HTML文件的高级应用</h2> <p>除了基础的结构和元素，HTML文件还可以通过引入CSS（层叠样式表）和JavaScript等技术进行样式和交互的增强。</p> <p><strong>3.1链接CSS</strong></p> <p>通过`<link>`元素链接外部的CSS文件：</p> <p>```html</p> <p><linkrel="stylesheet"type="text/css"href="style.css"></p> <p>```</p> <p><strong>3.2引入JavaScript</strong></p> <p>通过`<script>`元素引入外部JavaScript文件或内嵌脚本：</p> <p>```html</p> <p><scriptsrc="script.js"></script></p> <p>```</p> <p style="text-align: center;"><img alt="HTML文件类型有哪些？它们各自的作用是什么？" title="HTML文件类型有哪些？它们各自的作用是什么？" src="https://www.seo186.net/zb_users/upload/2025/06/20250607172101_89516.jpeg"/></p> <h2>4.关于SEO优化的HTML实践</h2> <p>对HTML文件进行搜索引擎优化（SEO）能够提高网页在搜索引擎中的排名。以下是一些优化建议：</p> <p><strong>4.1使用语义化标签</strong></p> <p>选择合适的HTML5语义化标签（如`<article>`,`<section>`,`<nav>`等），有助于搜索引擎理解内容结构。</p> <p><strong>4.2关键词的合理使用</strong></p> <p>在`<title>`标签和`<metaname="description">`中合理地使用关键词。</p> <p>```html</p> <p><title>HTML文件详解-掌握网页制作基础

```

4.3图片优化

使用`alt`属性为图片提供描述性文字，有助于提高SEO效果，并对视障用户提供支持。

4.4避免重复内容

确保网站内没有重复的``和`<metadescription>`标签，以免影响SEO排名。</p> <h2>5.结语</h2> <p>本文深入探讨了HTML文件的结构、组成以及SEO优化实践。了解HTML文件及其元素对于任何网页设计和开发工作来说都是基础且关键的一步。掌握了这些知识后，你将能够创建出更加结构化、富有表现力且易于搜索引擎检索的网页。通过不断实践和优化，你的HTML技能将帮助你更好地把握网络世界的脉动。</p> <div style="background-color: #fcf8e3;border-color: #faebcc;color: #f39c12;padding: 15px;margin-bottom: 17px;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-radius: 3px;"> <p>版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 3561739510@qq.com 举报，一经查实，本站将立刻删除。</p> </div> <p>转载请注明来自<a href="https://www.seo186.net/" title="168seo"><strong>168seo</strong></a>，本文标题：<a href="https://www.seo186.net/article-30402-1.html" title="HTML文件类型有哪些？它们各自的作用是什么？">《HTML文件类型有哪些？它们各自的作用是什么？》</a><p> <p class="info-tag">标签：<a href="https://www.seo186.net/view-7305-1.html" title="HTML" rel="tag" >HTML</a></p> <div class="info-zan ta-c"> <a href="javascript:;" class="share"><i class="iconfont icon-fenxiang"></i></a> <a href="javascript:;" class="sponsor"><i class="iconfont icon-redpacket"></i></a> </div> </div> </div> </div> <div class="info-next tx-box mb15"> <ul class="clearfix"> <li class="fl">上一篇： <a href="https://www.seo186.net/article-30690-1.html" title="快手横屏视频剪辑技巧有哪些？如何快速编辑出高质量视频内容？">快手横屏视频剪辑技巧有哪些？如何快速编辑出高质量视频内容？</a> </li> <li class="fr">下一篇： <a href="https://www.seo186.net/article-30368-1.html" title="如何撰写有效的专利网站推广书单？常见问题有哪些？">如何撰写有效的专利网站推广书单？常见问题有哪些？</a> </li> </ul> </div> <div class="info-close tx-box mb15"> <h2 class="tx-title">猜你喜欢</h2> <div class="pd15"> <ul class="row"> <li class="col-6 col-m-12"> <a href="https://www.seo186.net/article-30370-1.html" title="在html中链接有哪些标记？如何正确使用它们？" class="img-x20"><img src="https://www.seo186.net/zb_users/upload/2025/06/20250607171835_60330.jpeg" alt="在html中链接有哪些标记？如何正确使用它们？"></a> <h3><a href="https://www.seo186.net/article-30370-1.html" title="在html中链接有哪些标记？如何正确使用它们？">在html中链接有哪些标记？如何正确使用它们？</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.seo186.net/article-30397-1.html" title="HTML的优势和局限性是什么？如何克服HTML的局限性？" class="img-x20"><img src="https://www.seo186.net/zb_users/upload/2025/06/20250607172038_80125.jpeg" alt="HTML的优势和局限性是什么？如何克服HTML的局限性？"></a> <h3><a href="https://www.seo186.net/article-30397-1.html" title="HTML的优势和局限性是什么？如何克服HTML的局限性？">HTML的优势和局限性是什么？如何克服HTML的局限性？</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.seo186.net/article-29845-1.html" title="HTML列表结构有哪些？如何正确使用它们？" class="img-x20"><img src="https://www.seo186.net/zb_users/upload/2025/06/20250604181034_31147.jpeg" alt="HTML列表结构有哪些？如何正确使用它们？"></a> <h3><a href="https://www.seo186.net/article-29845-1.html" title="HTML列表结构有哪些？如何正确使用它们？">HTML列表结构有哪些？如何正确使用它们？</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.seo186.net/article-29854-1.html" title="HTML和CSS学习指南：掌握哪些核心知识点最必要？" class="img-x20"><img src="https://www.seo186.net/zb_users/upload/2025/06/20250604181116_43647.jpeg" alt="HTML和CSS学习指南：掌握哪些核心知识点最必要？"></a> <h3><a href="https://www.seo186.net/article-29854-1.html" title="HTML和CSS学习指南：掌握哪些核心知识点最必要？">HTML和CSS学习指南：掌握哪些核心知识点最必要？</a></h3> </li> </ul> </div> </div> </div> </div> <div class="box-left"> <dl> <ul class="side-menu"> <li><a title="地方SEO" href="https://www.seo186.net/DFSEO.html">地方SEO</a></li> <li><a title="百度优化" href="https://www.seo186.net/BDYH.html">百度优化</a></li> <li><a title="SEO优化" href="https://www.seo186.net/SEOYH.html">SEO优化</a></li> <li><a title="SEO技术" href="https://www.seo186.net/SEOJS.html">SEO技术</a></li> <li><a title="SEO服务" href="https://www.seo186.net/SEOFW.html">SEO服务</a></li> <li><a title="抖音推广" href="https://www.seo186.net/DYTG.html">抖音推广</a></li> <li><a title="网络推广" href="https://www.seo186.net/WLTG.html">网络推广</a></li> <li><a title="SEO动态" href="https://www.seo186.net/SEODT.html">SEO动态</a></li> </ul> </dl> <dl> <dt>关于我</dt> <dd>  <p class="mb10 img-d"><img src="https://www.seo186.net/zb_users/theme/tx_three/include/weixin.png"></p> <ul class="side-contact row"> <li class="col-8 col-m-8"><a href="http://wpa.qq.com/msgrd?v=3&uin=1561571580&site=qq&menu=yes" target="_blank" rel="nofollow"><i class="iconfont icon-qq2"></i> <p>QQ</p></a></li> <li class="col-8 col-m-8"><a href="#" target="_blank" rel="nofollow"><i class="iconfont icon-weibo1"></i> <p>微博</p></a></li> <li class="col-8 col-m-8"><a href="mailto:@1561571580@qq.com" target="_blank" rel="nofollow"><i class="iconfont icon-mail"></i> <p>邮箱</p></a></li> </ul> </dd> </dl> </div> <div class="side-right"> <dl class="function" id="divSearchPanel"> <dt class="function_t">搜索</dt><dd class="function_c"> <div><form name="search" method="post" action="https://www.seo186.net/zb_system/cmd.php?act=search"><input type="text" name="q" size="11" /> <input type="submit" value="搜索" /></form></div> </dd> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">最新文章</dt><dd class="function_c"> <ul><li><a title="怎么样建设美食网站营销？有哪些有效的营销策略？" href="https://www.seo186.net/article-29929-1.html">怎么样建设美食网站营销？有哪些有效的营销策略？</a></li> <li><a title="HTML闭合标签有哪些？它们的使用规则是什么？" href="https://www.seo186.net/article-29919-1.html">HTML闭合标签有哪些？它们的使用规则是什么？</a></li> <li><a title="小红书视频剪辑技巧有哪些？如何快速上手小红书视频编辑？" href="https://www.seo186.net/article-30049-1.html">小红书视频剪辑技巧有哪些？如何快速上手小红书视频编辑？</a></li> <li><a title="剪辑视频如何转换为歌曲并上传到抖音？常见问题解答？" href="https://www.seo186.net/article-30048-1.html">剪辑视频如何转换为歌曲并上传到抖音？常见问题解答？</a></li> <li><a title="美团网站平台架构方法是什么？如何优化用户体验？" href="https://www.seo186.net/article-29807-1.html">美团网站平台架构方法是什么？如何优化用户体验？</a></li> <li><a title="如何搭建网站博客推荐？有哪些步骤和技巧？" href="https://www.seo186.net/article-29806-1.html">如何搭建网站博客推荐？有哪些步骤和技巧？</a></li> <li><a title="抖音配话视频怎么剪辑的？剪辑技巧和步骤是什么？" href="https://www.seo186.net/article-30051-1.html">抖音配话视频怎么剪辑的？剪辑技巧和步骤是什么？</a></li> <li><a title="如何优化.net网站关键词？优化.net网站关键词的常见问题有哪些？" href="https://www.seo186.net/article-30050-1.html">如何优化.net网站关键词？优化.net网站关键词的常见问题有哪些？</a></li> <li><a title="网站改版后如何进行301重定向？常见问题有哪些？" href="https://www.seo186.net/article-29884-1.html">网站改版后如何进行301重定向？常见问题有哪些？</a></li> <li><a title="医院如何做网站引流推广？有哪些有效策略？" href="https://www.seo186.net/article-29881-1.html">医院如何做网站引流推广？有哪些有效策略？</a></li> </ul> </dd> </dl> <dl class="function" id="divtxhotlist"> <dt class="function_t">热门文章</dt><dd class="function_c"> <ul><li><a href="https://www.seo186.net/article-29232-1.html" title="谷歌seo优化推广有哪些技巧？">谷歌seo优化推广有哪些技巧？</a></li><li><a href="https://www.seo186.net/article-29240-1.html" title="如何建设网站关键词？掌握这些技巧轻松提升SEO效果！">如何建设网站关键词？掌握这些技巧轻松提升SEO效果！</a></li><li><a href="https://www.seo186.net/article-29267-1.html" title="如何优化网站关键词以提高搜索引擎排名？">如何优化网站关键词以提高搜索引擎排名？</a></li><li><a href="https://www.seo186.net/article-29246-1.html" title="小网站里的关键词是什么？如何在小网站中优化关键词？">小网站里的关键词是什么？如何在小网站中优化关键词？</a></li><li><a href="https://www.seo186.net/article-29251-1.html" title="网站关键词搜什么高质量？如何提升关键词质量？">网站关键词搜什么高质量？如何提升关键词质量？</a></li><li><a href="https://www.seo186.net/article-29257-1.html" title="小关键词优化的方法有哪些？">小关键词优化的方法有哪些？</a></li><li><a href="https://www.seo186.net/article-29271-1.html" title="如何快速筛选网站关键词？有哪些高效的筛选工具？">如何快速筛选网站关键词？有哪些高效的筛选工具？</a></li><li><a href="https://www.seo186.net/article-29957-1.html" title="网站分析ppt内容怎么写？如何有效展示分析结果？">网站分析ppt内容怎么写？如何有效展示分析结果？</a></li><li><a href="https://www.seo186.net/article-29966-1.html" title="网站树形逻辑结构分析怎么写？如何优化网站结构提升SEO效果？">网站树形逻辑结构分析怎么写？如何优化网站结构提升SEO效果？</a></li><li><a href="https://www.seo186.net/article-29967-1.html" title="没网站怎么做全网营销？有哪些有效的营销策略？">没网站怎么做全网营销？有哪些有效的营销策略？</a></li><li><a href="https://www.seo186.net/article-29973-1.html" title="网站建设弊端分析怎么写？如何避免常见问题？">网站建设弊端分析怎么写？如何避免常见问题？</a></li><li><a href="https://www.seo186.net/article-29980-1.html" title="网站核心架构怎么保障？如何确保网站架构的稳定性和安全性？">网站核心架构怎么保障？如何确保网站架构的稳定性和安全性？</a></li><li><a href="https://www.seo186.net/article-29983-1.html" title="如何有效推广网站以增加注册用户数量？">如何有效推广网站以增加注册用户数量？</a></li><li><a href="https://www.seo186.net/article-29984-1.html" title="怎么从客户网站分析客户？分析客户网站的哪些方面？">怎么从客户网站分析客户？分析客户网站的哪些方面？</a></li><li><a href="https://www.seo186.net/article-29992-1.html" title="企业营销网站建设怎么样？如何打造有效的在线营销平台？">企业营销网站建设怎么样？如何打造有效的在线营销平台？</a></li><li><a href="https://www.seo186.net/article-30075-1.html" title="抖音剪辑的视频怎么弄？视频编辑技巧有哪些？">抖音剪辑的视频怎么弄？视频编辑技巧有哪些？</a></li><li><a href="https://www.seo186.net/article-29885-1.html" title="如何做好网站线上推广？掌握这些策略和技巧有效提升流量和转化率？">如何做好网站线上推广？掌握这些策略和技巧有效提升流量和转化率？</a></li><li><a href="https://www.seo186.net/article-29896-1.html" title="人群分析网站推荐怎么写？如何选择合适的分析工具？">人群分析网站推荐怎么写？如何选择合适的分析工具？</a></li><li><a href="https://www.seo186.net/article-29902-1.html" title="国考网站分析怎么做题的？有哪些技巧和步骤？">国考网站分析怎么做题的？有哪些技巧和步骤？</a></li><li><a href="https://www.seo186.net/article-29912-1.html" title="如何用网站查看谷歌地图？遇到问题怎么办？">如何用网站查看谷歌地图？遇到问题怎么办？</a></li></ul> </dd> </dl> <dl class="function" id="divhottag"> <dt class="function_t">热门tag</dt><dd class="function_c"> <div><a href="https://www.seo186.net/view-34-1.html" title="优化">优化</a><a href="https://www.seo186.net/view-103-1.html" title="抖音">抖音</a><a href="https://www.seo186.net/view-36-1.html" title="SEO优化">SEO优化</a><a href="https://www.seo186.net/view-32-1.html" title="网站优化">网站优化</a><a href="https://www.seo186.net/view-537-1.html" title="抖音小店">抖音小店</a><a href="https://www.seo186.net/view-2962-1.html" title="快手">快手</a><a href="https://www.seo186.net/view-9-1.html" title="抖音直播">抖音直播</a><a href="https://www.seo186.net/view-35-1.html" title="百度优化">百度优化</a><a href="https://www.seo186.net/view-39-1.html" title="排名">排名</a><a href="https://www.seo186.net/view-31-1.html" title="网站排名">网站排名</a><a href="https://www.seo186.net/view-887-1.html" title="抖音橱窗">抖音橱窗</a><a href="https://www.seo186.net/view-654-1.html" title="网站建设">网站建设</a><a href="https://www.seo186.net/view-47-1.html" title="关键词优化">关键词优化</a><a href="https://www.seo186.net/view-2971-1.html" title="快手小店">快手小店</a><a href="https://www.seo186.net/view-41-1.html" title="关键词排名">关键词排名</a><a href="https://www.seo186.net/view-3158-1.html" title="小红书">小红书</a><a href="https://www.seo186.net/view-30-1.html" title="网络推广">网络推广</a><a href="https://www.seo186.net/view-6808-1.html" title="SEO">SEO</a><a href="https://www.seo186.net/view-42-1.html" title="关键词">关键词</a><a href="https://www.seo186.net/view-37-1.html" title="SEO技术">SEO技术</a></div> </dd> </dl> <dl class="function" id="divTags"> <dt class="function_t">标签列表</dt><dd class="function_c"> <ul><li><a title="抖音直播" href="https://www.seo186.net/view-9-1.html">抖音直播<span class="tag-count"> (360)</span></a></li> <li><a title="抖音带货" href="https://www.seo186.net/view-16-1.html">抖音带货<span class="tag-count"> (154)</span></a></li> <li><a title="网络推广" href="https://www.seo186.net/view-30-1.html">网络推广<span class="tag-count"> (220)</span></a></li> <li><a title="网站排名" href="https://www.seo186.net/view-31-1.html">网站排名<span class="tag-count"> (312)</span></a></li> <li><a title="网站优化" href="https://www.seo186.net/view-32-1.html">网站优化<span class="tag-count"> (530)</span></a></li> <li><a title="优化" href="https://www.seo186.net/view-34-1.html">优化<span class="tag-count"> (1801)</span></a></li> <li><a title="百度优化" href="https://www.seo186.net/view-35-1.html">百度优化<span class="tag-count"> (337)</span></a></li> <li><a title="SEO优化" href="https://www.seo186.net/view-36-1.html">SEO优化<span class="tag-count"> (853)</span></a></li> <li><a title="SEO技术" href="https://www.seo186.net/view-37-1.html">SEO技术<span class="tag-count"> (177)</span></a></li> <li><a title="百度" href="https://www.seo186.net/view-38-1.html">百度<span class="tag-count"> (157)</span></a></li> <li><a title="排名" href="https://www.seo186.net/view-39-1.html">排名<span class="tag-count"> (329)</span></a></li> <li><a title="关键词排名" href="https://www.seo186.net/view-41-1.html">关键词排名<span class="tag-count"> (262)</span></a></li> <li><a title="关键词" href="https://www.seo186.net/view-42-1.html">关键词<span class="tag-count"> (181)</span></a></li> <li><a title="关键词优化" href="https://www.seo186.net/view-47-1.html">关键词优化<span class="tag-count"> (270)</span></a></li> <li><a title="搜索引擎优化" href="https://www.seo186.net/view-76-1.html">搜索引擎优化<span class="tag-count"> (157)</span></a></li> <li><a title="抖音" href="https://www.seo186.net/view-103-1.html">抖音<span class="tag-count"> (1441)</span></a></li> <li><a title="抖音粉丝" href="https://www.seo186.net/view-391-1.html">抖音粉丝<span class="tag-count"> (159)</span></a></li> <li><a title="抖音小店" href="https://www.seo186.net/view-537-1.html">抖音小店<span class="tag-count"> (482)</span></a></li> <li><a title="网站建设" href="https://www.seo186.net/view-654-1.html">网站建设<span class="tag-count"> (276)</span></a></li> <li><a title="搜索引擎" href="https://www.seo186.net/view-679-1.html">搜索引擎<span class="tag-count"> (161)</span></a></li> <li><a title="抖音橱窗" href="https://www.seo186.net/view-887-1.html">抖音橱窗<span class="tag-count"> (294)</span></a></li> <li><a title="快手" href="https://www.seo186.net/view-2962-1.html">快手<span class="tag-count"> (387)</span></a></li> <li><a title="快手小店" href="https://www.seo186.net/view-2971-1.html">快手小店<span class="tag-count"> (264)</span></a></li> <li><a title="小红书" href="https://www.seo186.net/view-3158-1.html">小红书<span class="tag-count"> (223)</span></a></li> <li><a title="SEO" href="https://www.seo186.net/view-6808-1.html">SEO<span class="tag-count"> (215)</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.asunsea.net/" target="_blank" title="电脑频讯">电脑频讯</a></li> </ul> </dd> </dl> </div> </div> <div class="footer tx-color1 tx-color2"> <div class="wide"> Copyright © www.seo186.net All Rights Reserved. <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">渝ICP备2023007620号</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?92305d60aea9c45137a31e3ea0397f56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s)})();</script> </div> </div> <div class="sponsor-box pop-box" style="display:none;"> <div class="pop-con"> <h2><a href="javascript:void(0)" class="pop-off fr"><i class="iconfont icon-guanbi1"></i></a>谢谢打赏</h2> <ul class="clearfix"> <li> <img src="https://www.seo186.net/zb_users/theme/tx_three/include/weixin.png"> <p>支付宝</p> </li> <li> <img src="https://www.seo186.net/zb_users/theme/tx_three/include/zfb.png"> <p>微信</p> </li> </ul> </div> <div class="pop-off1"></div> </div> <div class="share-box pop-box" style="display:none;"> <div class="pop-con"> <h2><a href="javascript:void(0)" class="pop-off fr"><i class="iconfont icon-guanbi1"></i></a>在线分享</h2> <div class="pd20"> <div class="bsync-custom icon-long-orange"><a title="一键分享到各大微博和社交网络" class="bshare-bsync" onclick="javascript:bSync.share(event)"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div> <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bsync.js#uuid=#uuid=&style=1"></script> </div> </div> <div class="pop-off1"></div> </div> <div class="gotop" style="display:none"><i class="iconfont icon-dingbu"></i></div> <script src="https://www.seo186.net/zb_users/theme/tx_three/script/txcstx.js" type="text/javascript"></script> <script src="https://www.seo186.net/zb_users/theme/tx_three/script/imgpang.js?r=1.5.8" type="text/javascript"></script><script language="javascript" src="https://www.seo186.net/zb_users/plugin/tx_side/js/txcstx.js"></script> </body> </html>