当前位置:网站首页 > SEO优化 > 正文

HTML5常用标签有哪些?如何正确使用它们?

游客游客 2025-07-05 07:52:02 31

超文本标记语言HTML5,作为网页设计的核心技术之一,以其简洁直观的标签系统受到广泛的欢迎。HTML5不仅在语法上简化了过去的HTML版本,而且引入了更多语义化的标签,使得网页的内容组织更为清晰。本文将深入探讨HTML5中常用的标签,帮助初学者快速掌握这一重要的前端开发技术。

HTML5文档结构标签

<html>、<head>、<body>

任何HTML页面都始于``标签,它是页面的最外层容器。``标签包含了页面的元信息,如标题、样式链接等,而``标签内则是页面的主体内容。

```html

页面标题

主要内容

```

<title>

标题标签``位于`<head>`中,定义了页面的标题,显示在浏览器标签页上。</p> <p style="text-align: center;"><img alt="HTML5常用标签有哪些?如何正确使用它们?" title="HTML5常用标签有哪些?如何正确使用它们?" src="https://www.seo186.net/zb_users/upload/2025/06/20250623194640_98066.jpeg"/></p> <h2>标题和段落标签</h2> <p><strong><h1>到<h6></strong></p> <p>HTML5使用`<h1>`到`<h6>`定义六个级别的标题,其中`<h1>`级别最高,`<h6>`级别最低。</p> <p>```html</p> <p><h1>这是主标题</h1></p> <h2>这是副标题</h2> <p>```</p> <p><strong><p></strong></p> <p>`<p>`标签用于定义段落,它自动添加段落间距,是文本组织的基本单位。</p> <p>```html</p> <p><p>这是一个段落。</p></p> <p>```</p> <p style="text-align: center;"><img alt="HTML5常用标签有哪些?如何正确使用它们?" title="HTML5常用标签有哪些?如何正确使用它们?" src="https://www.seo186.net/zb_users/upload/2025/06/20250623194641_19930.jpeg"/></p> <h2>文本格式化标签</h2> <p><strong><b>、<i>、<strong>、<em></strong></p> <p>为了强调文本,HTML5提供了`<b>`和`<i>`标签来加粗和斜体文本。而`<strong>`和`<em>`标签则表示更强烈的强调,搜索引擎通常会给予更高的重视。</p> <p>```html</p> <p><b>加粗文本</b></p> <p><i>斜体文本</i></p> <p><strong>重要文本</strong></p> <p><em>强调文本</em></p> <p>```</p> <p style="text-align: center;"><img alt="HTML5常用标签有哪些?如何正确使用它们?" title="HTML5常用标签有哪些?如何正确使用它们?" src="https://www.seo186.net/zb_users/upload/2025/06/20250623194641_78819.jpeg"/></p> <h2>链接与图像标签</h2> <p><strong><a></strong></p> <p>链接标签`<a>`用于创建超链接,它指向网页中的其他页面或文档。</p> <p>```html</p> <p><ahref="https://www.baidu.com"rel="nofollownoopener">访问百度</a></p> <p>```</p> <p><strong><img></strong></p> <p>图像标签`<img>`用于在网页中嵌入图片,必须指定`src`属性来定义图片源,并可添加`alt`属性来提供图像描述,这对于搜索引擎优化和视觉障碍用户非常重要。</p> <p>```html</p> <p><img alt="HTML5常用标签有哪些?如何正确使用它们?" title="HTML5常用标签有哪些?如何正确使用它们?" src="image.jpg"/></p> <p>```</p> <h2>列表标签</h2> <p><strong><ul>、<ol>、<li></strong></p> <p>HTML5中的无序列表`<ul>`和有序列表`<ol>`分别用于生成无序和有序的列表项,每个列表项由`<li>`标签定义。</p> <p>```html</p> <p><ul></p> <p><li>列表项1</li></p> <p><li>列表项2</li></p> <p></ul></p> <p>```</p> <h2>表格标签</h2> <p><strong><table>、<tr>、<th>、<td></strong></p> <p>表格标签用于创建网页中的数据表格。`<table>`定义表格,`<tr>`定义表格行,`<th>`定义表头单元格,`<td>`定义表格数据单元格。</p> <p>```html</p> <p><table></p> <p><tr></p> <p><th>表头1</th></p> <p><th>表头2</th></p> <p></tr></p> <p><tr></p> <p><td>数据1</td></p> <p><td>数据2</td></p> <p></tr></p> <p></table></p> <p>```</p> <h2>表单标签</h2> <p><strong><form>、<input>、<button></strong></p> <p>表单标签`<form>`用于收集用户输入的数据。`<input>`标签用于创建各种类型的输入字段,而`<button>`则用于创建按钮。</p> <p>```html</p> <p><form></p> <p><inputtype="text"name="username"></p> <p><buttontype="submit">提交</button></p> <p></form></p> <p>```</p> <h2>HTML5的语义化标签</h2> <p><strong><header>、<footer>、<article>、<section>、<nav></strong></p> <p>HTML5引入了更多的语义化标签,有助于增强网页结构的清晰度。`<header>`定义页面或区块的头部,`<footer>`定义页脚,`<article>`表示独立的内容块,`<section>`用于定义文章中的一个章节,`<nav>`用于导航链接。</p> <p>```html</p> <p><header></p> <p><h1>网站标题</h1></p> <p></header></p> <p><article></p> <p><section></p> <h2>章节标题</h2> <p><p>章节内容</p></p> <p></section></p> <p></article></p> <p><footer></p> <p><p>页脚信息</p></p> <p></footer></p> <p>```</p> <p>HTML5通过上述标签,让开发者能够创建结构化和语义化的网页内容。这些标签不仅有助于改善用户阅读体验,而且对于搜索引擎爬虫更易于理解网页内容,从而提高网页在搜索结果中的排名。</p> <p>随着Web标准的不断进化,HTML5已经成为开发响应式和移动优先网站的基石。掌握这些常用的HTML5标签,对于前端开发者来说,是一项必不可少的基础技能。通过本文的介绍,您应该对HTML5中常用标签有了全面的了解。接下来,通过实践和探索,将这些标签应用到您的网页设计中,创建出更加丰富和动态的网页内容吧。</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-30757-1.html" title="HTML5常用标签有哪些?如何正确使用它们?">《HTML5常用标签有哪些?如何正确使用它们?》</a><p> <p class="info-tag">标签:<a href="https://www.seo186.net/view-7874-1.html" title="HTML5" rel="tag" >HTML5</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-30767-1.html" title="如何开展网站推广工作?有效策略与常见问题解答?">如何开展网站推广工作?有效策略与常见问题解答?</a> </li> <li class="fr">下一篇: <a href="https://www.seo186.net/article-30744-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-32088-1.html" title="HTML5的优点有哪些?为什么开发者和设计师都推荐使用它?" class="img-x20"><img src="https://www.seo186.net/zb_users/upload/2025/07/20250709191014_34214.jpeg" alt="HTML5的优点有哪些?为什么开发者和设计师都推荐使用它?"></a> <h3><a href="https://www.seo186.net/article-32088-1.html" title="HTML5的优点有哪些?为什么开发者和设计师都推荐使用它?">HTML5的优点有哪些?为什么开发者和设计师都推荐使用它?</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.seo186.net/article-32052-1.html" title="HTML5新增了哪些内容?这些新特性如何影响网页设计?" class="img-x20"><img src="https://www.seo186.net/zb_users/upload/2025/07/20250709190655_37553.jpeg" alt="HTML5新增了哪些内容?这些新特性如何影响网页设计?"></a> <h3><a href="https://www.seo186.net/article-32052-1.html" title="HTML5新增了哪些内容?这些新特性如何影响网页设计?">HTML5新增了哪些内容?这些新特性如何影响网页设计?</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.seo186.net/article-32065-1.html" title="HTML5有哪些核心特性?这些特性如何影响网页设计?" class="img-x20"><img src="https://www.seo186.net/zb_users/upload/2025/07/20250709190755_65522.jpeg" alt="HTML5有哪些核心特性?这些特性如何影响网页设计?"></a> <h3><a href="https://www.seo186.net/article-32065-1.html" title="HTML5有哪些核心特性?这些特性如何影响网页设计?">HTML5有哪些核心特性?这些特性如何影响网页设计?</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.seo186.net/article-32147-1.html" title="HTML5新增了哪些特性?这些更新对网页设计有何影响?" class="img-x20"><img src="https://www.seo186.net/zb_users/upload/2025/07/20250710003942_91653.jpeg" alt="HTML5新增了哪些特性?这些更新对网页设计有何影响?"></a> <h3><a href="https://www.seo186.net/article-32147-1.html" title="HTML5新增了哪些特性?这些更新对网页设计有何影响?">HTML5新增了哪些特性?这些更新对网页设计有何影响?</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">关注微信送SEO教程</p>--> <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-32108-1.html">如何做本地网站推广?有效策略和常见问题解答?</a></li> <li><a title="营销型网站怎么创建的呢?创建过程中需要注意哪些问题?" href="https://www.seo186.net/article-32106-1.html">营销型网站怎么创建的呢?创建过程中需要注意哪些问题?</a></li> <li><a title="如何制作地图网站?步骤和常见问题解答?" href="https://www.seo186.net/article-31876-1.html">如何制作地图网站?步骤和常见问题解答?</a></li> <li><a title="如何进行网站营销推广?有效策略和常见问题解答?" href="https://www.seo186.net/article-31873-1.html">如何进行网站营销推广?有效策略和常见问题解答?</a></li> <li><a title="网站域名解析怎么处理?遇到问题如何快速解决?" href="https://www.seo186.net/article-31780-1.html">网站域名解析怎么处理?遇到问题如何快速解决?</a></li> <li><a title="贷款如何推广自己的网站?有哪些有效策略?" href="https://www.seo186.net/article-31779-1.html">贷款如何推广自己的网站?有哪些有效策略?</a></li> <li><a title="HTML可以调用哪些库?如何选择合适的库进行开发?" href="https://www.seo186.net/article-31746-1.html">HTML可以调用哪些库?如何选择合适的库进行开发?</a></li> <li><a title="如何通过直播有效推广网站呢视频?直播推广网站呢视频的常见问题有哪些?" href="https://www.seo186.net/article-31741-1.html">如何通过直播有效推广网站呢视频?直播推广网站呢视频的常见问题有哪些?</a></li> <li><a title="怎么插入网站的分析代码?详细步骤和常见问题解答?" href="https://www.seo186.net/article-31737-1.html">怎么插入网站的分析代码?详细步骤和常见问题解答?</a></li> <li><a title="怎么在网站中设置关键词?SEO优化的正确步骤是什么?" href="https://www.seo186.net/article-31727-1.html">怎么在网站中设置关键词?SEO优化的正确步骤是什么?</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-31876-1.html" title="如何制作地图网站?步骤和常见问题解答?">如何制作地图网站?步骤和常见问题解答?</a></li><li><a href="https://www.seo186.net/article-31779-1.html" title="贷款如何推广自己的网站?有哪些有效策略?">贷款如何推广自己的网站?有哪些有效策略?</a></li><li><a href="https://www.seo186.net/article-31741-1.html" title="如何通过直播有效推广网站呢视频?直播推广网站呢视频的常见问题有哪些?">如何通过直播有效推广网站呢视频?直播推广网站呢视频的常见问题有哪些?</a></li><li><a href="https://www.seo186.net/article-31796-1.html" title="人才网站如何推广?有效策略和常见问题解答?">人才网站如何推广?有效策略和常见问题解答?</a></li><li><a href="https://www.seo186.net/article-29614-1.html" title="动漫网站对比分析图怎么做?如何选择最佳工具?">动漫网站对比分析图怎么做?如何选择最佳工具?</a></li><li><a href="https://www.seo186.net/article-31727-1.html" title="怎么在网站中设置关键词?SEO优化的正确步骤是什么?">怎么在网站中设置关键词?SEO优化的正确步骤是什么?</a></li><li><a href="https://www.seo186.net/article-31737-1.html" title="怎么插入网站的分析代码?详细步骤和常见问题解答?">怎么插入网站的分析代码?详细步骤和常见问题解答?</a></li><li><a href="https://www.seo186.net/article-31746-1.html" title="HTML可以调用哪些库?如何选择合适的库进行开发?">HTML可以调用哪些库?如何选择合适的库进行开发?</a></li><li><a href="https://www.seo186.net/article-31788-1.html" title="海外版网站如何运营推广?有哪些有效的推广策略?">海外版网站如何运营推广?有哪些有效的推广策略?</a></li><li><a href="https://www.seo186.net/article-29619-1.html" title="网站收益途径分析怎么写?如何优化网站收益策略?">网站收益途径分析怎么写?如何优化网站收益策略?</a></li><li><a href="https://www.seo186.net/article-29725-1.html" title="旅游网站如何推广收客?有效策略有哪些?">旅游网站如何推广收客?有效策略有哪些?</a></li><li><a href="https://www.seo186.net/article-31780-1.html" title="网站域名解析怎么处理?遇到问题如何快速解决?">网站域名解析怎么处理?遇到问题如何快速解决?</a></li><li><a href="https://www.seo186.net/article-32106-1.html" title="营销型网站怎么创建的呢?创建过程中需要注意哪些问题?">营销型网站怎么创建的呢?创建过程中需要注意哪些问题?</a></li><li><a href="https://www.seo186.net/article-29679-1.html" title="HTML5新特性有哪些?哪些标签被移除了?">HTML5新特性有哪些?哪些标签被移除了?</a></li><li><a href="https://www.seo186.net/article-30745-1.html" title="网站如何推广公认隐迅推?推广策略有哪些常见问题?">网站如何推广公认隐迅推?推广策略有哪些常见问题?</a></li><li><a href="https://www.seo186.net/article-31444-1.html" title="大学生如何运营网站推广?有哪些高效策略和常见问题解答?">大学生如何运营网站推广?有哪些高效策略和常见问题解答?</a></li><li><a href="https://www.seo186.net/article-31750-1.html" title="网站的栏目怎么分析?如何优化栏目结构提高用户体验?">网站的栏目怎么分析?如何优化栏目结构提高用户体验?</a></li><li><a href="https://www.seo186.net/article-31776-1.html" title="蜂花网站营销怎么样做?如何有效提升品牌知名度?">蜂花网站营销怎么样做?如何有效提升品牌知名度?</a></li><li><a href="https://www.seo186.net/article-31781-1.html" title="数据对比分析网站怎么做?如何选择合适的工具和方法?">数据对比分析网站怎么做?如何选择合适的工具和方法?</a></li><li><a href="https://www.seo186.net/article-31873-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-41-1.html" title="关键词排名">关键词排名</a><a href="https://www.seo186.net/view-2971-1.html" title="快手小店">快手小店</a><a href="https://www.seo186.net/view-3158-1.html" title="小红书">小红书</a><a href="https://www.seo186.net/view-318-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></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-30-1.html">网络推广<span class="tag-count"> (226)</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"> (550)</span></a></li> <li><a title="优化" href="https://www.seo186.net/view-34-1.html">优化<span class="tag-count"> (1803)</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"> (160)</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"> (264)</span></a></li> <li><a title="关键词" href="https://www.seo186.net/view-42-1.html">关键词<span class="tag-count"> (186)</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-103-1.html">抖音<span class="tag-count"> (1547)</span></a></li> <li><a title="网站推广" href="https://www.seo186.net/view-318-1.html">网站推广<span class="tag-count"> (243)</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"> (282)</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-871-1.html">网站<span class="tag-count"> (162)</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"> (429)</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"> (250)</span></a></li> <li><a title="SEO" href="https://www.seo186.net/view-6808-1.html">SEO<span class="tag-count"> (217)</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><!--140.64 ms , 23 queries , 4603kb memory , 0 error-->