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

HTML5网页构成要素有哪些?如何构建一个标准的HTML5网页?

游客游客 2025-07-24 07:22:02 8

HTML5作为目前广泛使用的网页标准,它为现代网页设计和开发提供了强大的支持。一个典型的HTML5网页由多种构成要素组成,它们共同作用,确保网页内容的丰富性和互动性。本文将深入探讨HTML5网页的构成要素,帮助网页开发者和设计者更好地理解和掌握构建现代网页所需的核心技术。

1.HTML5的基本结构

在深入讲解HTML5的具体构成要素之前,先了解其基本结构是很有必要的。一个标准的HTML5页面通常包含``声明,它告诉浏览器这个文档使用的是HTML5标准。接下来是``标签,它包裹了整个HTML文档。在``内部,通常还会有``和``两个主要部分,``部分包含有关页面的元数据,而``部分则包含页面的内容。

HTML5网页构成要素有哪些?如何构建一个标准的HTML5网页?

2.文档类型声明(DTD)

HTML5的文档类型声明非常简单,即``。这是为了简化过去的HTML版本中复杂的DOCTYPE声明,确保文档能够以标准模式进行渲染。

HTML5网页构成要素有哪些?如何构建一个标准的HTML5网页?

3.HTML头部(Head)

``部分包含了对网页的元数据定义,如``定义页面标题,`<meta>`标签提供字符集、页面描述、关键词等信息。它还可能包含指向CSS样式表的`<link>`标签和指向JavaScript文件的`<script>`标签。</p> <p style="text-align: center;"><img alt="HTML5网页构成要素有哪些?如何构建一个标准的HTML5网页?" title="HTML5网页构成要素有哪些?如何构建一个标准的HTML5网页?" src="https://www.xiaowing.com/zb_users/upload/2025/07/20250708233417_82002.jpeg"/></p> <h2>4.HTML主体(Body)</h2> <p>`<body>`部分是页面的主体内容,它包括了所有用户可见的元素,比如段落(`<p>`),链接(`<a>`),图像(`<img>`),列表(`<ul>`,`<ol>`,`<li>`)等。HTML5在这一部分引入了许多新元素,如`<article>`,`<section>`,`<aside>`,`<header>`,`<footer>`等,这些都为网页内容的结构化提供了更多可能性。</p> <h2>5.语义化标签</h2> <p>HTML5的一个重要特点是提供了丰富的语义化标签。这些标签不仅帮助开发者更好地组织内容,也使搜索引擎更容易理解网页内容的结构。包括:</p> <p>`<article>`:表示一个独立的内容块,适用于博客文章、新闻报道等。</p> <p>`<section>`:用于将页面中的一个区域划分为不同的部分,通常包含标题。</p> <p>`<aside>`:表示与周围内容间接相关的内容,如侧边栏。</p> <p>`<header>`和`<footer>`:分别用于页面或页面某部分的头部和底部。</p> <h2>6.表单与输入元素</h2> <p>HTML5对表单元素进行了大量增强,提供了如`<inputtype="email">`和`<inputtype="date">`等新的输入类型,使表单更加智能和用户友好。还有`<form>`标签,它包裹了所有表单元素,并能通过`action`和`method`属性定义数据提交的位置和方式。</p> <h2>7.多媒体元素</h2> <p>HTML5的一大亮点是其对多媒体内容的支持。`<audio>`和`<video>`标签为嵌入音频和视频内容提供了简洁有效的方法。这些元素不仅简化了多媒体内容的嵌入过程,还为开发者提供了更多的控制选项。</p> <h2>8.画布与图形</h2> <p>`<canvas>`元素是HTML5中非常重要的一个功能,它允许JavaScript在网页上绘制图形和动画。通过`<canvas>`元素,开发者可以创造出丰富的视觉效果和游戏。</p> <h2>9.地理定位</h2> <p>HTML5提供了`<Geolocation>`API,允许网站获取用户的地理位置信息,这为创建位置相关服务(如地图服务、本地搜索等)提供了可能性。</p> <h2>10.离线存储</h2> <p>有了HTML5,开发者可以使用`localStorage`和`sessionStorage`等Web存储API,让用户即使在离线状态下也能访问网页的部分内容。</p> <h2>结语</h2> <p>综合以上所述,HTML5网页的构成要素包括了基础结构、语义化标签、表单元素、多媒体支持、画布绘图、地理定位和离线存储等多个方面。了解这些要素并熟练运用,对于创建出既能满足用户需求又符合SEO优化的网页至关重要。掌握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.xiaowing.com/" title="逍遥seo"><strong>逍遥seo</strong></a>,本文标题:<a href="https://www.xiaowing.com/article-12851-1.html" title="HTML5网页构成要素有哪些?如何构建一个标准的HTML5网页?">《HTML5网页构成要素有哪些?如何构建一个标准的HTML5网页?》</a><p> <p class="info-tag">标签:<a href="https://www.xiaowing.com/view-3732-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.xiaowing.com/article-12781-1.html" title="逻辑架构图网站怎么做的?需要哪些步骤和工具?">逻辑架构图网站怎么做的?需要哪些步骤和工具?</a> </li> <li class="fr">下一篇: <a href="https://www.xiaowing.com/article-12974-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.xiaowing.com/article-12749-1.html" title="HTML5应与哪些方面结合使用?常见问题有哪些?" class="img-x20"><img src="https://www.xiaowing.com/zb_users/upload/2025/07/20250708232546_18162.jpeg" alt="HTML5应与哪些方面结合使用?常见问题有哪些?"></a> <h3><a href="https://www.xiaowing.com/article-12749-1.html" title="HTML5应与哪些方面结合使用?常见问题有哪些?">HTML5应与哪些方面结合使用?常见问题有哪些?</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.xiaowing.com/article-12937-1.html" title="HTML5新表单特性有哪些?如何利用它们优化用户体验?" class="img-x20"><img src="https://www.xiaowing.com/zb_users/upload/2025/07/20250708234145_26652.jpeg" alt="HTML5新表单特性有哪些?如何利用它们优化用户体验?"></a> <h3><a href="https://www.xiaowing.com/article-12937-1.html" title="HTML5新表单特性有哪些?如何利用它们优化用户体验?">HTML5新表单特性有哪些?如何利用它们优化用户体验?</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.xiaowing.com/article-12931-1.html" title="哪些网页使用了HTML5技术?如何识别HTML5网页?" class="img-x20"><img src="https://www.xiaowing.com/zb_users/upload/2025/07/20250708234115_66186.jpeg" alt="哪些网页使用了HTML5技术?如何识别HTML5网页?"></a> <h3><a href="https://www.xiaowing.com/article-12931-1.html" title="哪些网页使用了HTML5技术?如何识别HTML5网页?">哪些网页使用了HTML5技术?如何识别HTML5网页?</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.xiaowing.com/article-12933-1.html" title="HTML5新特性有哪些?如何在论文中应用这些特性?" class="img-x20"><img src="https://www.xiaowing.com/zb_users/upload/2025/07/20250708234125_23037.jpeg" alt="HTML5新特性有哪些?如何在论文中应用这些特性?"></a> <h3><a href="https://www.xiaowing.com/article-12933-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.xiaowing.com/DQSEO.html">地区SEO</a></li> <li><a title="百度优化" href="https://www.xiaowing.com/BDYH.html">百度优化</a></li> <li><a title="SEO优化" href="https://www.xiaowing.com/SEOYH.html">SEO优化</a></li> <li><a title="SEO技术" href="https://www.xiaowing.com/SEOJS.html">SEO技术</a></li> <li><a title="SEO服务" href="https://www.xiaowing.com/SEOFW.html">SEO服务</a></li> <li><a title="自媒体推广" href="https://www.xiaowing.com/ZMTTG.html">自媒体推广</a></li> <li><a title="网站推广" href="https://www.xiaowing.com/WZTG.html">网站推广</a></li> <li><a title="SEO百科" href="https://www.xiaowing.com/SEOBK.html">SEO百科</a></li> </ul> </dl> <dl> <dt>关于我</dt> <dd> <!--<p class="mb10">关注微信送SEO教程</p>--> <p class="mb10 img-d"><img src="https://www.xiaowing.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.xiaowing.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="GEOvsSEO:AI时代,流量该听谁的?" href="https://www.xiaowing.com/article-13673-1.html">GEOvsSEO:AI时代,流量该听谁的?</a></li> <li><a title="外贸独立站流量提升术:5个人人能做到的SEO简单方法" href="https://www.xiaowing.com/article-13672-1.html">外贸独立站流量提升术:5个人人能做到的SEO简单方法</a></li> <li><a title="怎样的公司才能把谷歌SEO做出效果?聊聊那些真正靠谱的优化团队" href="https://www.xiaowing.com/article-13671-1.html">怎样的公司才能把谷歌SEO做出效果?聊聊那些真正靠谱的优化团队</a></li> <li><a title="别再盯着谷歌首页了!AI回答时代,GEO让你在C位出镜!" href="https://www.xiaowing.com/article-13670-1.html">别再盯着谷歌首页了!AI回答时代,GEO让你在C位出镜!</a></li> <li><a title="AI回答时代,品牌如何抢占“答案C位”?靠GEO内容优化就对了!" href="https://www.xiaowing.com/article-13669-1.html">AI回答时代,品牌如何抢占“答案C位”?靠GEO内容优化就对了!</a></li> <li><a title="想让ChatGPT推荐你的网站?你得先搞懂这两个关键词:GEO和SEO!" href="https://www.xiaowing.com/article-13668-1.html">想让ChatGPT推荐你的网站?你得先搞懂这两个关键词:GEO和SEO!</a></li> <li><a title="让搜索引擎爱上你的软文:企业做SEO推广到底该怎么写?" href="https://www.xiaowing.com/article-13667-1.html">让搜索引擎爱上你的软文:企业做SEO推广到底该怎么写?</a></li> <li><a title="关键词布局全攻略:让谷歌抓住你网站的“每一页”" href="https://www.xiaowing.com/article-13666-1.html">关键词布局全攻略:让谷歌抓住你网站的“每一页”</a></li> <li><a title="GEO到底是啥?一文看懂如何让你的内容出现在AI搜索答案里" href="https://www.xiaowing.com/article-13665-1.html">GEO到底是啥?一文看懂如何让你的内容出现在AI搜索答案里</a></li> <li><a title="网站怎么架构稳定的?如何确保网站架构的稳定性?" href="https://www.xiaowing.com/article-13083-1.html">网站怎么架构稳定的?如何确保网站架构的稳定性?</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.xiaowing.com/view-20-1.html" title="抖音">抖音</a><a href="https://www.xiaowing.com/view-3-1.html" title="优化">优化</a><a href="https://www.xiaowing.com/view-224-1.html" title="SEO优化">SEO优化</a><a href="https://www.xiaowing.com/view-14-1.html" title="网站优化">网站优化</a><a href="https://www.xiaowing.com/view-34-1.html" title="抖音小店">抖音小店</a><a href="https://www.xiaowing.com/view-180-1.html" title="小红书">小红书</a><a href="https://www.xiaowing.com/view-225-1.html" title="网站推广">网站推广</a><a href="https://www.xiaowing.com/view-4-1.html" title="网站建设">网站建设</a><a href="https://www.xiaowing.com/view-855-1.html" title="快手">快手</a><a href="https://www.xiaowing.com/view-2638-1.html" title="SEO">SEO</a><a href="https://www.xiaowing.com/view-16-1.html" title="百度优化">百度优化</a><a href="https://www.xiaowing.com/view-117-1.html" title="抖音直播">抖音直播</a><a href="https://www.xiaowing.com/view-2-1.html" title="关键词优化">关键词优化</a><a href="https://www.xiaowing.com/view-8-1.html" title="网站排名">网站排名</a><a href="https://www.xiaowing.com/view-397-1.html" title="搜索引擎">搜索引擎</a><a href="https://www.xiaowing.com/view-9-1.html" title="排名">排名</a><a href="https://www.xiaowing.com/view-260-1.html" title="网站">网站</a><a href="https://www.xiaowing.com/view-11-1.html" title="关键词排名">关键词排名</a><a href="https://www.xiaowing.com/view-2922-1.html" title="B站">B站</a><a href="https://www.xiaowing.com/view-206-1.html" title="关键词">关键词</a></div> </dd> </dl> <dl class="function" id="divtxhotlist"> <dt class="function_t">热门文章</dt><dd class="function_c"> <ul><li><a href="https://www.xiaowing.com/article-13105-1.html" title="百度网站推广如何赚钱?有效策略是什么?">百度网站推广如何赚钱?有效策略是什么?</a></li><li><a href="https://www.xiaowing.com/article-13036-1.html" title="怎么做好网站关键词优化?优化策略和常见问题解答?">怎么做好网站关键词优化?优化策略和常见问题解答?</a></li><li><a href="https://www.xiaowing.com/article-13213-1.html" title="怎么用数据分析网站?数据分析网站有哪些常见问题及解决方法?">怎么用数据分析网站?数据分析网站有哪些常见问题及解决方法?</a></li><li><a href="https://www.xiaowing.com/article-13018-1.html" title="器械企业怎么做网站营销?如何提高在线销售效果?">器械企业怎么做网站营销?如何提高在线销售效果?</a></li><li><a href="https://www.xiaowing.com/article-13024-1.html" title="新塘网站营销怎么做?如何提升本地网站的在线可见度?">新塘网站营销怎么做?如何提升本地网站的在线可见度?</a></li><li><a href="https://www.xiaowing.com/article-13107-1.html" title="响应式设计是什么?为什么网站需要它?">响应式设计是什么?为什么网站需要它?</a></li><li><a href="https://www.xiaowing.com/article-13110-1.html" title="阿里巴巴网站分析怎么写?分析报告的正确格式是什么?">阿里巴巴网站分析怎么写?分析报告的正确格式是什么?</a></li><li><a href="https://www.xiaowing.com/article-13196-1.html" title="外贸网站推广如何做?有效策略和常见问题解答?">外贸网站推广如何做?有效策略和常见问题解答?</a></li><li><a href="https://www.xiaowing.com/article-13228-1.html" title="海南如何推广公司网站?有哪些有效的网络营销策略?">海南如何推广公司网站?有哪些有效的网络营销策略?</a></li><li><a href="https://www.xiaowing.com/article-13231-1.html" title="网站如何推广好赚钱?有效策略与常见问题解答?">网站如何推广好赚钱?有效策略与常见问题解答?</a></li><li><a href="https://www.xiaowing.com/article-13235-1.html" title="山东网站推广工作如何进行?常见问题有哪些解决方法?">山东网站推广工作如何进行?常见问题有哪些解决方法?</a></li><li><a href="https://www.xiaowing.com/article-13118-1.html" title="淘宝客网站关键词怎么写?如何优化提升搜索排名?">淘宝客网站关键词怎么写?如何优化提升搜索排名?</a></li><li><a href="https://www.xiaowing.com/article-13010-1.html" title="网站如何在推广?有效推广策略有哪些?">网站如何在推广?有效推广策略有哪些?</a></li><li><a href="https://www.xiaowing.com/article-13083-1.html" title="网站怎么架构稳定的?如何确保网站架构的稳定性?">网站怎么架构稳定的?如何确保网站架构的稳定性?</a></li><li><a href="https://www.xiaowing.com/article-13236-1.html" title="网站营销费用怎么算?如何制定合理的预算计划?">网站营销费用怎么算?如何制定合理的预算计划?</a></li><li><a href="https://www.xiaowing.com/article-13640-1.html" title="抖音自动搜索关键词的原因是什么?自动搜索功能的工作原理是什么?">抖音自动搜索关键词的原因是什么?自动搜索功能的工作原理是什么?</a></li><li><a href="https://www.xiaowing.com/article-13053-1.html" title="企业类网站分析怎么写?分析报告应包含哪些关键要素?">企业类网站分析怎么写?分析报告应包含哪些关键要素?</a></li><li><a href="https://www.xiaowing.com/article-13279-1.html" title="HTML中有哪些不同字型?如何在网页设计中应用它们?">HTML中有哪些不同字型?如何在网页设计中应用它们?</a></li><li><a href="https://www.xiaowing.com/article-12866-1.html" title="如何推广一个标准网站呢?有效策略和常见问题解答?">如何推广一个标准网站呢?有效策略和常见问题解答?</a></li><li><a href="https://www.xiaowing.com/article-12902-1.html" title="资深的网站推广效果如何?如何衡量网站推广的成功?">资深的网站推广效果如何?如何衡量网站推广的成功?</a></li></ul> </dd> </dl> <dl class="function" id="divTags"> <dt class="function_t">标签列表</dt><dd class="function_c"> <ul><li><a title="关键词优化" href="https://www.xiaowing.com/view-2-1.html">关键词优化<span class="tag-count"> (122)</span></a></li> <li><a title="优化" href="https://www.xiaowing.com/view-3-1.html">优化<span class="tag-count"> (447)</span></a></li> <li><a title="网站建设" href="https://www.xiaowing.com/view-4-1.html">网站建设<span class="tag-count"> (213)</span></a></li> <li><a title="网站排名" href="https://www.xiaowing.com/view-8-1.html">网站排名<span class="tag-count"> (121)</span></a></li> <li><a title="排名" href="https://www.xiaowing.com/view-9-1.html">排名<span class="tag-count"> (114)</span></a></li> <li><a title="关键词排名" href="https://www.xiaowing.com/view-11-1.html">关键词排名<span class="tag-count"> (102)</span></a></li> <li><a title="网站优化" href="https://www.xiaowing.com/view-14-1.html">网站优化<span class="tag-count"> (361)</span></a></li> <li><a title="百度优化" href="https://www.xiaowing.com/view-16-1.html">百度优化<span class="tag-count"> (128)</span></a></li> <li><a title="SEO百科" href="https://www.xiaowing.com/view-17-1.html">SEO百科<span class="tag-count"> (71)</span></a></li> <li><a title="抖音" href="https://www.xiaowing.com/view-20-1.html">抖音<span class="tag-count"> (700)</span></a></li> <li><a title="抖音小店" href="https://www.xiaowing.com/view-34-1.html">抖音小店<span class="tag-count"> (358)</span></a></li> <li><a title="推广" href="https://www.xiaowing.com/view-91-1.html">推广<span class="tag-count"> (90)</span></a></li> <li><a title="抖音直播" href="https://www.xiaowing.com/view-117-1.html">抖音直播<span class="tag-count"> (128)</span></a></li> <li><a title="小红书" href="https://www.xiaowing.com/view-180-1.html">小红书<span class="tag-count"> (328)</span></a></li> <li><a title="关键词" href="https://www.xiaowing.com/view-206-1.html">关键词<span class="tag-count"> (96)</span></a></li> <li><a title="SEO优化" href="https://www.xiaowing.com/view-224-1.html">SEO优化<span class="tag-count"> (372)</span></a></li> <li><a title="网站推广" href="https://www.xiaowing.com/view-225-1.html">网站推广<span class="tag-count"> (293)</span></a></li> <li><a title="SEO技术" href="https://www.xiaowing.com/view-235-1.html">SEO技术<span class="tag-count"> (79)</span></a></li> <li><a title="网站" href="https://www.xiaowing.com/view-260-1.html">网站<span class="tag-count"> (110)</span></a></li> <li><a title="搜索引擎" href="https://www.xiaowing.com/view-397-1.html">搜索引擎<span class="tag-count"> (121)</span></a></li> <li><a title="网站制作" href="https://www.xiaowing.com/view-427-1.html">网站制作<span class="tag-count"> (75)</span></a></li> <li><a title="快手" href="https://www.xiaowing.com/view-855-1.html">快手<span class="tag-count"> (198)</span></a></li> <li><a title="SEO" href="https://www.xiaowing.com/view-2638-1.html">SEO<span class="tag-count"> (131)</span></a></li> <li><a title="B站" href="https://www.xiaowing.com/view-2922-1.html">B站<span class="tag-count"> (97)</span></a></li> <li><a title="HTML" href="https://www.xiaowing.com/view-3173-1.html">HTML<span class="tag-count"> (79)</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.laoyeseo.com/" target="_blank" title="老叶SEO">老叶SEO</a></li> </ul> </dd> </dl> </div> </div> <div class="footer tx-color1 tx-color2"> <div class="wide"> Copyright © www.xiaowing.com All Rights Reserved. <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">滇ICP备2024033040号</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?3c595bbc5c237e80c2ce0183eefb4d98";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.xiaowing.com/zb_users/theme/tx_three/include/weixin.png"> <p>支付宝</p> </li> <li> <img src="https://www.xiaowing.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.xiaowing.com/zb_users/theme/tx_three/script/txcstx.js" type="text/javascript"></script> <script src="https://www.xiaowing.com/zb_users/theme/tx_three/script/imgpang.js?r=1.5.8" type="text/javascript"></script><script language="javascript" src="https://www.xiaowing.com/zb_users/plugin/tx_side/js/txcstx.js"></script> </body> </html><!--146.74 ms , 23 queries , 4449kb memory , 0 error-->