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

HTML头部标签有哪些?它们的作用是什么?

游客游客 2025-06-20 19:27:01 4

HTML头部区域是页面的重要组成部分,它不仅包含了页面的元数据信息,也影响着搜索引擎优化(SEO)和页面加载的性能。在HTML文档中,头部区域主要通过``标签内的内容来实现。了解哪些标签应该出现在头部,对于构建符合标准且高效的网页至关重要。本文将深入探讨HTML头部中应包含的关键标签,并解释其重要性。

HTML头部标签概览

HTML头部标签主要包含以下几种:

1.``:定义网页标题。</p> <p>2.`<meta>`:提供网页的元数据。</p> <p>3.`<link>`:用于链接外部资源,如CSS样式表。</p> <p>4.`<script>`:用于加载JavaScript文件。</p> <p>5.`<style>`:直接在HTML文档中编写内联样式。</p> <p>6.`<base>`:指定页面中所有相对URL的基础URL。</p> <p style="text-align: center;"><img alt="HTML头部标签有哪些?它们的作用是什么?" title="HTML头部标签有哪些?它们的作用是什么?" src="https://www.365cms.com/zb_users/upload/2025/06/20250604175934_16046.jpeg"/></p> <h2>核心标签详解</h2> <p><strong><title>标签:网页标题</strong></p> <p>`<title>`标签在SEO中具有举足轻重的地位,它不仅显示在浏览器的标签页上,也是搜索引擎结果页面(SERP)中显示的主要标题。</p> <p><strong>如何使用:</strong></p> <p>将`<title>`标签放置在`<head>`区域中。</p> <p>确保标题简洁、具有描述性,并包含目标关键词。</p> <p>避免标题过长,建议不超过60个字符。</p> <p><strong><meta>标签:网页元数据</strong></p> <p>`<meta>`标签用于描述HTML文档的元数据,如字符集、页面描述、关键词、作者、视口设置等。</p> <p><strong>关键词和</strong></p> <p>`name`属性定义元数据的名称。</p> <p>`content`属性定义元数据的内容。</p> <p>为页面添加关键词和描述信息的`<meta>`标签如下所示:</p> <p>```html</p> <p><metaname="keywords"content="HTML,header,metatags,SEO"></p> <p><metaname="description"content="本文将介绍HTML头部应包含的关键标签,以及它们在SEO中的作用和重要性。"></p> <p>```</p> <p><strong>视口设置:</strong></p> <p>为优化移动端显示,添加如下`<meta>`标签:</p> <p>```html</p> <p><metaname="viewport"content="width=device-width,initial-scale=1"></p> <p>```</p> <p><strong><link>标签:链接外部资源</strong></p> <p>`<link>`标签用于链接外部资源,如CSS样式表,也是优化网站性能的重要一环。</p> <p>```html</p> <p><linkrel="stylesheet"href="styles.css"></p> <p>```</p> <p><strong><script>标签:加载JavaScript文件</strong></p> <p>`<script>`标签用于加载JavaScript文件,可以通过不同的属性来控制脚本的加载和执行时机。</p> <p>```html</p> <p><scriptsrc="script.js"defer></script></p> <p>```</p> <p><strong>`defer`属性</strong>表示脚本将在文档解析完毕后,但仍在`DOMContentLoaded`事件之前执行。</p> <p><strong><style>标签:内联样式</strong></p> <p>尽管内联样式不推荐滥用,但在头部快速定义一些样式有时也是必需的。</p> <p>```html</p> <p><style></p> <p>body{font-family:Arial,sans-serif;}</p> <p></style></p> <p>```</p> <p><strong><base>标签:指定基础URL</strong></p> <p>`<base>`标签用于定义页面中所有相对URL的基础路径,这在链接资源时尤为重要。</p> <p>```html</p> <p><basehref="https://www.example.com/"></p> <p>```</p> <p style="text-align: center;"><img alt="HTML头部标签有哪些?它们的作用是什么?" title="HTML头部标签有哪些?它们的作用是什么?" src="https://www.365cms.com/zb_users/upload/2025/06/20250604175934_29257.jpeg"/></p> <h2>指导与技巧</h2> <p>确保所有`<meta>`标签准确无误,并针对SEO进行优化。</p> <p>合理使用`<link>`和`<script>`标签,确保页面加载的速度和性能。</p> <p>在`<title>`和`<meta>`标签中使用关键词,以提高SEO效果。</p> <p>避免在`<head>`区域中放置过大的JavaScript和CSS文件,考虑使用异步或延迟加载。</p> <p style="text-align: center;"><img alt="HTML头部标签有哪些?它们的作用是什么?" title="HTML头部标签有哪些?它们的作用是什么?" src="https://www.365cms.com/zb_users/upload/2025/06/20250604175935_79489.jpeg"/></p> <h2>结语</h2> <p>在HTML文档头部恰当使用标签,不仅能提升网站的SEO表现,还能改善用户的浏览体验。务必认真对待每一个细节,从标题到元数据,从样式的链接到脚本的加载,这些看似微不足道的地方,实际上对网站的整体性能和用户访问质量有着不可忽视的影响。通过遵循本文的指导,你可以构建出一个既符合SEO标准,又用户体验优良的网页头部结构。</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.365cms.com/" title="365seo"><strong>365seo</strong></a>,本文标题:<a href="https://www.365cms.com/article-55937-1.html" title="HTML头部标签有哪些?它们的作用是什么?">《HTML头部标签有哪些?它们的作用是什么?》</a><p> <p class="info-tag">标签:<a href="https://www.365cms.com/view-11273-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.365cms.com/article-56397-1.html" title="抖音视频剪辑技巧有哪些?如何有效运营抖音账号?">抖音视频剪辑技巧有哪些?如何有效运营抖音账号?</a> </li> <li class="fr">下一篇: <a href="https://www.365cms.com/article-56390-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.365cms.com/article-55929-1.html" title="HTML字体颜色有哪些?如何使用CSS改变文本颜色?" class="img-x20"><img src="https://www.365cms.com/zb_users/upload/2025/06/20250604175838_66262.jpeg" alt="HTML字体颜色有哪些?如何使用CSS改变文本颜色?"></a> <h3><a href="https://www.365cms.com/article-55929-1.html" title="HTML字体颜色有哪些?如何使用CSS改变文本颜色?">HTML字体颜色有哪些?如何使用CSS改变文本颜色?</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.365cms.com/article-56682-1.html" title="HTML标签有哪些?它们的用途和常见问题是什么?" class="img-x20"><img src="https://www.365cms.com/zb_users/upload/2025/06/20250607172710_69843.jpeg" alt="HTML标签有哪些?它们的用途和常见问题是什么?"></a> <h3><a href="https://www.365cms.com/article-56682-1.html" title="HTML标签有哪些?它们的用途和常见问题是什么?">HTML标签有哪些?它们的用途和常见问题是什么?</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.365cms.com/article-55817-1.html" title="HTML开发人员的日常工作内容是什么?需要掌握哪些技能?" class="img-x20"><img src="https://www.365cms.com/zb_users/upload/2025/06/20250604174716_20995.jpeg" alt="HTML开发人员的日常工作内容是什么?需要掌握哪些技能?"></a> <h3><a href="https://www.365cms.com/article-55817-1.html" title="HTML开发人员的日常工作内容是什么?需要掌握哪些技能?">HTML开发人员的日常工作内容是什么?需要掌握哪些技能?</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.365cms.com/article-55852-1.html" title="HTML多媒体标签有哪些?如何使用它们显示图片和视频?" class="img-x20"><img src="https://www.365cms.com/zb_users/upload/2025/06/20250604174957_97358.jpeg" alt="HTML多媒体标签有哪些?如何使用它们显示图片和视频?"></a> <h3><a href="https://www.365cms.com/article-55852-1.html" title="HTML多媒体标签有哪些?如何使用它们显示图片和视频?">HTML多媒体标签有哪些?如何使用它们显示图片和视频?</a></h3> </li> </ul> </div> </div> </div> </div> <div class="box-left"> <dl> <ul class="side-menu"> <li><a title="城市SEO" href="https://www.365cms.com/CSSEO.html">城市SEO</a></li> <li><a title="百度优化" href="https://www.365cms.com/BDYH.html">百度优化</a></li> <li><a title="SEO优化" href="https://www.365cms.com/SEOYH.html">SEO优化</a></li> <li><a title="SEO技术" href="https://www.365cms.com/SEOJS.html">SEO技术</a></li> <li><a title="SEO服务" href="https://www.365cms.com/SEOFW.html">SEO服务</a></li> <li><a title="短视频推广" href="https://www.365cms.com/DSPTG.html">短视频推广</a></li> <li><a title="网站推广" href="https://www.365cms.com/WZTG.html">网站推广</a></li> <li><a title="SEO知识" href="https://www.365cms.com/SEOZS.html">SEO知识</a></li> </ul> </dl> <dl> <dt>关于我</dt> <dd> <!--<p class="mb10">关注微信送SEO教程</p>--> <p class="mb10 img-d"><img src="https://www.365cms.com/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.365cms.com/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.365cms.com/article-57447-1.html">快手视频剪辑教程?如何快速编辑视频内容?</a></li> <li><a title="HTML5盒子模型是什么?有哪些类型和特点?" href="https://www.365cms.com/article-56845-1.html">HTML5盒子模型是什么?有哪些类型和特点?</a></li> <li><a title="网站卖车营销方案怎么写?如何制定有效的在线销售策略?" href="https://www.365cms.com/article-56825-1.html">网站卖车营销方案怎么写?如何制定有效的在线销售策略?</a></li> <li><a title="扬州市网站推广方案如何制定?常见问题有哪些?" href="https://www.365cms.com/article-56814-1.html">扬州市网站推广方案如何制定?常见问题有哪些?</a></li> <li><a title="带货短视频优化方法是什么?如何提升带货效果?" href="https://www.365cms.com/article-57450-1.html">带货短视频优化方法是什么?如何提升带货效果?</a></li> <li><a title="小红书模版怎么剪辑?视频编辑的步骤和技巧是什么?" href="https://www.365cms.com/article-57449-1.html">小红书模版怎么剪辑?视频编辑的步骤和技巧是什么?</a></li> <li><a title="小红书视频剪辑模板怎么制作?常见问题有哪些?" href="https://www.365cms.com/article-57448-1.html">小红书视频剪辑模板怎么制作?常见问题有哪些?</a></li> <li><a title="如何推广健康网站?有效策略和常见问题解答?" href="https://www.365cms.com/article-56805-1.html">如何推广健康网站?有效策略和常见问题解答?</a></li> <li><a title="HTML首次加载时会执行哪些操作?加载过程中的常见问题有哪些?" href="https://www.365cms.com/article-56800-1.html">HTML首次加载时会执行哪些操作?加载过程中的常见问题有哪些?</a></li> <li><a title="网站如何上头条推广?有效推广策略有哪些?" href="https://www.365cms.com/article-56796-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.365cms.com/article-57545-1.html" title="快手小说视频剪辑怎么做?有哪些技巧和步骤?">快手小说视频剪辑怎么做?有哪些技巧和步骤?</a></li><li><a href="https://www.365cms.com/article-57496-1.html" title="抖音穿搭男生剪辑视频怎么做?视频制作流程和技巧是什么?">抖音穿搭男生剪辑视频怎么做?视频制作流程和技巧是什么?</a></li><li><a href="https://www.365cms.com/article-57578-1.html" title="抖音视频转场技巧有哪些?如何实现流畅且吸引人的转场效果?">抖音视频转场技巧有哪些?如何实现流畅且吸引人的转场效果?</a></li><li><a href="https://www.365cms.com/article-57512-1.html" title="快手视频切片怎么剪辑教程?操作步骤和技巧有哪些?">快手视频切片怎么剪辑教程?操作步骤和技巧有哪些?</a></li><li><a href="https://www.365cms.com/article-56966-1.html" title="如何推广网站制作软件?有哪些有效的策略和技巧?">如何推广网站制作软件?有哪些有效的策略和技巧?</a></li><li><a href="https://www.365cms.com/article-56946-1.html" title="清远网站优化如何做推广?有哪些有效的方法和步骤?">清远网站优化如何做推广?有哪些有效的方法和步骤?</a></li><li><a href="https://www.365cms.com/article-57554-1.html" title="痕迹抖音剪辑版怎么弄视频?视频编辑的步骤和技巧是什么?">痕迹抖音剪辑版怎么弄视频?视频编辑的步骤和技巧是什么?</a></li><li><a href="https://www.365cms.com/article-57560-1.html" title="抖音视频剪辑放大技巧有哪些?如何实现视觉效果增强?">抖音视频剪辑放大技巧有哪些?如何实现视觉效果增强?</a></li><li><a href="https://www.365cms.com/article-57588-1.html" title="短视频标题怎么设计才能吸引观众?优化策略有哪些?">短视频标题怎么设计才能吸引观众?优化策略有哪些?</a></li><li><a href="https://www.365cms.com/article-57533-1.html" title="抖音求职剪辑视频怎么发?发布流程和注意事项是什么?">抖音求职剪辑视频怎么发?发布流程和注意事项是什么?</a></li><li><a href="https://www.365cms.com/article-56840-1.html" title="布局营销网站怎么建?创建高效营销网站的步骤和技巧是什么?">布局营销网站怎么建?创建高效营销网站的步骤和技巧是什么?</a></li><li><a href="https://www.365cms.com/article-57505-1.html" title="快手快影的剪辑功能怎么用?视频编辑有哪些技巧?">快手快影的剪辑功能怎么用?视频编辑有哪些技巧?</a></li><li><a href="https://www.365cms.com/article-57513-1.html" title="小红书视频剪辑技巧:如何实现瞬间移动效果?">小红书视频剪辑技巧:如何实现瞬间移动效果?</a></li><li><a href="https://www.365cms.com/article-57567-1.html" title="追剧影视剪辑抖音电影怎么做?如何快速制作热门电影片段?">追剧影视剪辑抖音电影怎么做?如何快速制作热门电影片段?</a></li><li><a href="https://www.365cms.com/article-57549-1.html" title="抖音视频剪辑时如何去除配音中的重叠音?">抖音视频剪辑时如何去除配音中的重叠音?</a></li><li><a href="https://www.365cms.com/article-57576-1.html" title="抖音图片雨滴效果如何制作?教程步骤是什么?">抖音图片雨滴效果如何制作?教程步骤是什么?</a></li><li><a href="https://www.365cms.com/article-57447-1.html" title="快手视频剪辑教程?如何快速编辑视频内容?">快手视频剪辑教程?如何快速编辑视频内容?</a></li><li><a href="https://www.365cms.com/article-57511-1.html" title="抖音助眠视频如何用剪映进行剪辑?剪辑过程中常见问题有哪些?">抖音助眠视频如何用剪映进行剪辑?剪辑过程中常见问题有哪些?</a></li><li><a href="https://www.365cms.com/article-56800-1.html" title="HTML首次加载时会执行哪些操作?加载过程中的常见问题有哪些?">HTML首次加载时会执行哪些操作?加载过程中的常见问题有哪些?</a></li><li><a href="https://www.365cms.com/article-56825-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.365cms.com/view-2-1.html" title="优化">优化</a><a href="https://www.365cms.com/view-50-1.html" title="抖音">抖音</a><a href="https://www.365cms.com/view-331-1.html" title="抖音小店">抖音小店</a><a href="https://www.365cms.com/view-302-1.html" title="SEO优化">SEO优化</a><a href="https://www.365cms.com/view-18-1.html" title="网站优化">网站优化</a><a href="https://www.365cms.com/view-36-1.html" title="抖音seo">抖音seo</a><a href="https://www.365cms.com/view-1121-1.html" title="快手">快手</a><a href="https://www.365cms.com/view-465-1.html" title="抖音橱窗">抖音橱窗</a><a href="https://www.365cms.com/view-1807-1.html" title="快手小店">快手小店</a><a href="https://www.365cms.com/view-8-1.html" title="网站推广">网站推广</a><a href="https://www.365cms.com/view-4-1.html" title="关键词排名">关键词排名</a><a href="https://www.365cms.com/view-54-1.html" title="百度优化">百度优化</a><a href="https://www.365cms.com/view-1186-1.html" title="小红书">小红书</a><a href="https://www.365cms.com/view-16-1.html" title="网站排名">网站排名</a><a href="https://www.365cms.com/view-6-1.html" title="排名">排名</a><a href="https://www.365cms.com/view-944-1.html" title="网站建设">网站建设</a><a href="https://www.365cms.com/view-7-1.html" title="关键词优化">关键词优化</a><a href="https://www.365cms.com/view-127-1.html" title="抖音直播">抖音直播</a><a href="https://www.365cms.com/view-13-1.html" title="SEO知识">SEO知识</a><a href="https://www.365cms.com/view-301-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.365cms.com/view-2-1.html">优化<span class="tag-count"> (3399)</span></a></li> <li><a title="关键词排名" href="https://www.365cms.com/view-4-1.html">关键词排名<span class="tag-count"> (606)</span></a></li> <li><a title="排名" href="https://www.365cms.com/view-6-1.html">排名<span class="tag-count"> (506)</span></a></li> <li><a title="关键词优化" href="https://www.365cms.com/view-7-1.html">关键词优化<span class="tag-count"> (471)</span></a></li> <li><a title="网站推广" href="https://www.365cms.com/view-8-1.html">网站推广<span class="tag-count"> (607)</span></a></li> <li><a title="关键词" href="https://www.365cms.com/view-10-1.html">关键词<span class="tag-count"> (339)</span></a></li> <li><a title="SEO知识" href="https://www.365cms.com/view-13-1.html">SEO知识<span class="tag-count"> (423)</span></a></li> <li><a title="网站排名" href="https://www.365cms.com/view-16-1.html">网站排名<span class="tag-count"> (509)</span></a></li> <li><a title="网站优化" href="https://www.365cms.com/view-18-1.html">网站优化<span class="tag-count"> (1146)</span></a></li> <li><a title="抖音seo" href="https://www.365cms.com/view-36-1.html">抖音seo<span class="tag-count"> (886)</span></a></li> <li><a title="抖音" href="https://www.365cms.com/view-50-1.html">抖音<span class="tag-count"> (2578)</span></a></li> <li><a title="百度优化" href="https://www.365cms.com/view-54-1.html">百度优化<span class="tag-count"> (531)</span></a></li> <li><a title="SEO技术" href="https://www.365cms.com/view-79-1.html">SEO技术<span class="tag-count"> (377)</span></a></li> <li><a title="抖音直播" href="https://www.365cms.com/view-127-1.html">抖音直播<span class="tag-count"> (449)</span></a></li> <li><a title="搜索引擎优化" href="https://www.365cms.com/view-301-1.html">搜索引擎优化<span class="tag-count"> (406)</span></a></li> <li><a title="SEO优化" href="https://www.365cms.com/view-302-1.html">SEO优化<span class="tag-count"> (1413)</span></a></li> <li><a title="搜索引擎" href="https://www.365cms.com/view-314-1.html">搜索引擎<span class="tag-count"> (343)</span></a></li> <li><a title="抖音小店" href="https://www.365cms.com/view-331-1.html">抖音小店<span class="tag-count"> (1595)</span></a></li> <li><a title="抖音橱窗" href="https://www.365cms.com/view-465-1.html">抖音橱窗<span class="tag-count"> (637)</span></a></li> <li><a title="营销型网站" href="https://www.365cms.com/view-887-1.html">营销型网站<span class="tag-count"> (352)</span></a></li> <li><a title="网站建设" href="https://www.365cms.com/view-944-1.html">网站建设<span class="tag-count"> (472)</span></a></li> <li><a title="快手" href="https://www.365cms.com/view-1121-1.html">快手<span class="tag-count"> (832)</span></a></li> <li><a title="小红书" href="https://www.365cms.com/view-1186-1.html">小红书<span class="tag-count"> (510)</span></a></li> <li><a title="快手小店" href="https://www.365cms.com/view-1807-1.html">快手小店<span class="tag-count"> (631)</span></a></li> <li><a title="SEO" href="https://www.365cms.com/view-10536-1.html">SEO<span class="tag-count"> (321)</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.19587.cn/" target="_blank" title="1号数码网">1号数码网</a></li><li class="link-item"><a href="https://www.dgsjsyxx.com/" target="_blank" title="电脑知识号">电脑知识号</a></li><li class="link-item"><a href="https://www.sgdj.net/" target="_blank" title="时光数码">时光数码</a></li> </ul> </dd> </dl> </div> </div> <div class="footer tx-color1 tx-color2"> <div class="wide"> Copyright © www.365cms.com 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?f01259ab09c3ac8b2d0aa7fac941f762";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.365cms.com/zb_users/theme/tx_three/include/weixin.png"> <p>支付宝</p> </li> <li> <img src="https://www.365cms.com/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.365cms.com/zb_users/theme/tx_three/script/txcstx.js" type="text/javascript"></script> <script src="https://www.365cms.com/zb_users/theme/tx_three/script/imgpang.js?r=1.5.8" type="text/javascript"></script><script language="javascript" src="https://www.365cms.com/zb_users/plugin/tx_side/js/txcstx.js"></script> </body> </html><!--131.45 ms , 23 queries , 4561kb memory , 0 error-->