?
在互联网飞速发展的今天，HTML静态页面代码已经成为网站开发的基础。作为一名前端开发者，你是否对HTML代码有着深入的了解？你是否知道如何写出高效的HTML静态页面代码？下面，我们就来深入解析一下HTML静态页面代码的奥秘与技巧。
一、HTML基础知识
1. HTML简介
HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。通过使用HTML标签，我们可以构建出丰富的网页内容，如图文、视频、音频等。
2. HTML结构
HTML结构主要由以下几部分组成：
- 文档类型声明（DOCTYPE）：定义文档使用的HTML版本。
- HTML根元素：包含整个HTML文档的所有内容。
- 头部（Head）：包含元数据、标题、样式、脚本等信息。
- 主体（Body）：包含网页的可见内容。
3. HTML标签
HTML标签用于定义网页中的不同元素。常见的HTML标签如下：
| 标签 | 作用 |
|---|
| 根标签，包含整个HTML文档 |
|---|
| 头部标签，包含元数据、标题、样式、脚本等信息 |
|---|
| </th><th>标题标签，定义网页标题</th></tr><tr><th><body></th><th>主体标签，包含网页的可见内容</th></tr><tr><th><h1>-<h6></th><th>标题标签，从<h1>到<h6>依次表示标题级别</th></tr><tr><th><p></th><th>段落标签，用于定义段落</th></tr><tr><th><a></th><th>链接标签，用于创建链接</th></tr><tr><th><img></th><th>图片标签，用于插入图片</th></tr><tr><th><div></th><th>区块标签，用于布局页面</th></tr><tr><th><span></th><th>行内标签，用于定义行内元素</th></tr><tr><th><ul>-<ol></th><th>列表标签，用于创建无序列表和有序列表</th></tr></table><h3> 二、HTML静态页面代码编写技巧</h3><p><strong>1. 语义化标签</strong></p><p>在编写HTML代码时，应尽量使用语义化标签。语义化标签不仅有助于提高网页的可读性，还能让搜索引擎更好地理解网页内容。</p><p><strong>2. 清晰的结构</strong></p><p>合理组织HTML结构，使页面结构清晰，便于阅读和维护。</p><p><strong>3. 规范的命名</strong></p><p>为HTML标签、类和ID命名时，应遵循以下规范：</p><p><ul type='square'><li> 使用小写字母。</li><li> 使用中划线（-）连接多个单词。</li><li> 避免使用中文、特殊字符和空格。</li></ul><p><strong>4. 避免嵌套过深</strong></p><p>HTML标签嵌套层数过深会影响网页性能和可维护性。尽量保持嵌套层数在3层以内。</p><p><strong>5. 合理使用CSS</strong></p><p>对于样式方面的需求，尽量使用CSS进行美化，避免在HTML标签中使用内联样式。</p><p><strong>6. 压缩代码</strong></p><p>在发布网页前，对HTML代码进行压缩，可以减小页面大小，提高加载速度。</p><h3> 三、HTML静态页面代码示例</h3><p>以下是一个简单的HTML静态页面代码示例：</p><p>```html</p><p><!DOCTYPE html></p><p><html lang="</p><div style="display:none;"> http://rvk.hyxxqj.com http://vtq.hyxxqj.com http://ows.hyxxqj.com http://qhp.hyxxqj.com http://ows.hyxxqj.com http://qhp.hyxxqj.com http://kpd.hyxxqj.com http://ada.hyxxqj.com http://dsv.hyxxqj.com http://clt.cdsjzy.com http://cpq.cdsjzy.com http://wfm.cdsjzy.com http://ool.cdsjzy.com http://ksk.jadbzjx.com http://jep.jadbzjx.com http://ndc.jadbzjx.com http://kdr.jadbzjx.com http://nme.jadbzjx.com http://apx.jadbzjx.com http://xmf.jadbzjx.com </div>
</div>
<div class="d316b70aea3585af umCopyright">
<p>原文链接：<a href="http://www.kanpao.cn/article/hQobNt_BnLGNbrClEYN" target="_blank" style="color:#999">http://www.kanpao.cn/article/hQobNt_BnLGNbrClEYN</a></p>
</div>
<div class="b70aea3585af383b detail-arr">
<div class="ea3585af383b20e8 detail-arr-left">上一篇：<a href="http://www.kanpao.cn/article/zgHxlA_wAFYWkgedNZz" class="85af383b20e8488e th_hover_a4">空间装扮免费皮肤代码轻松打造个化空间</a></div>
<div class="383b20e8488ed6c6 detail-arr-right">下一篇：<a href="http://www.kanpao.cn/article/xQWViB_PoRellyfGgVg" class="20e8488ed6c6518c th_hover_a4">论文文献代码高效科研的利器</a></div>
</div>
<div class="488ed6c6518cf4f0 detail-tags">
<i class="d6c6518cf4f0722a iconfont icon-x-tags"></i> 标签：
<a href="http://www.kanpao.cn/tags-3571.html" class="518cf4f0722afcb3 th_hover_a4" target="_blank">标签</a> <a href="http://www.kanpao.cn/tags-3572.html" class="44eaeb8ea4f5ef8e th_hover_a4" target="_blank">HTML</a> </div>
</section>
<section class="eb8ea4f5ef8e6924 thjingxuan_sec th_top" style="padding:0px">
<div class="a4f5ef8e69243793 thleftcon wap_top">
<div class="ef8e69243793d316 thleftbt thwenzhang thsec4"><span class="69243793d316b70a th_cl4">相关推荐</span></div>
<ul class="3793d316b70aea35 th-5" style="padding-top:0px">
<li><span class="d316b70aea3585af date">09-22</span><i class="b70aea3585af383b iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="ea3585af383b20e8 th_hover_a4" href="http://www.kanpao.cn/article/CmIQDX_BFoJjHoQGbby" title="打造视觉盛宴美工素材网站设计排版之路" target="_blank">打造视觉盛宴美工素材网站设计排版之路</a></li>
<li><span class="85af383b20e8488e date">09-22</span><i class="383b20e8488ed6c6 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="20e8488ed6c6518c th_hover_a4" href="http://www.kanpao.cn/article/PGffMS_IvSlWPyJjWnc" title="打造绿色未来环保教案网站设计图详解" target="_blank">打造绿色未来环保教案网站设计图详解</a></li>
<li><span class="488ed6c6518cf4f0 date">09-22</span><i class="d6c6518cf4f0722a iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="518cf4f0722afcb3 th_hover_a4" href="http://www.kanpao.cn/article/ziXfSK_vHZOvTXciylB" title="打造独特的死亡日期网站设计图生命终结的艺术与科技" target="_blank">打造独特的死亡日期网站设计图生命终结的艺术与科技</a></li>
<li><span class="44eaeb8ea4f5ef8e date">09-22</span><i class="eb8ea4f5ef8e6924 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="a4f5ef8e69243793 th_hover_a4" href="http://www.kanpao.cn/article/oKZzhU_HRtShVxtdszw" title="打造梦幻购物之旅海迪士尼购物网站设计攻略" target="_blank">打造梦幻购物之旅海迪士尼购物网站设计攻略</a></li>
<li><span class="ef8e69243793d316 date">09-22</span><i class="69243793d316b70a iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="3793d316b70aea35 th_hover_a4" href="http://www.kanpao.cn/article/ClpKPV_sjhhTnJavASK" title="打造好看的医疗网站设计美观与功能的完美结合" target="_blank">打造好看的医疗网站设计美观与功能的完美结合</a></li>
<li><span class="d316b70aea3585af date">09-22</span><i class="b70aea3585af383b iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="ea3585af383b20e8 th_hover_a4" href="http://www.kanpao.cn/article/YaAXUz_HVJiKBfWmrRN" title="打造你的艺术灵感宝库画册灵感网站设计图" target="_blank">打造你的艺术灵感宝库画册灵感网站设计图</a></li>
<li><span class="85af383b20e8488e date">09-22</span><i class="383b20e8488ed6c6 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="20e8488ed6c6518c th_hover_a4" href="http://www.kanpao.cn/article/AkSoyU_LFhAPfDgEvPW" title="打造个化网站设计图片模板从零开始构建视觉盛宴" target="_blank">打造个化网站设计图片模板从零开始构建视觉盛宴</a></li>
<li><span class="488ed6c6518cf4f0 date">09-22</span><i class="d6c6518cf4f0722a iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="518cf4f0722afcb3 th_hover_a4" href="http://www.kanpao.cn/article/KBUyrd_NgPsGetcfVpV" title="打造个化档案设计档案设计海报模板网站的魅力" target="_blank">打造个化档案设计档案设计海报模板网站的魅力</a></li>
<li><span class="44eaeb8ea4f5ef8e date">09-22</span><i class="eb8ea4f5ef8e6924 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="a4f5ef8e69243793 th_hover_a4" href="http://www.kanpao.cn/article/WcDIwP_WWeaqLqjeccA" title="打造专属您的养生网站平台设计图纸健康生活从此开始" target="_blank">打造专属您的养生网站平台设计图纸健康生活从此开始</a></li>
<li><span class="ef8e69243793d316 date">09-22</span><i class="69243793d316b70a iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="3793d316b70aea35 th_hover_a4" href="http://www.kanpao.cn/article/hWOjFT_FKwWiDXbzSeH" title="打造专业、便捷、人化的信丰租房网站设计风格,详细" target="_blank">打造专业、便捷、人化的信丰租房网站设计风格,详细</a></li>
</ul>
</div>
</section>
<section class="d316b70aea3585af thjingxuan_sec th_top">
</section>
</div>
<!--left end-->
<div class="b70aea3585af383b col-md-3 col-xs-12">
<div class="ea3585af383b20e8 thleftcon wap_top">
<div class="85af383b20e8488e thleftbt thwenzhang thsec4"><span class="383b20e8488ed6c6 th_cl4">最新发布</span></div>
<ul class="20e8488ed6c6518c th-5" style="padding-top:0px">
<li><span class="488ed6c6518cf4f0 date">09-22</span><i class="d6c6518cf4f0722a iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="518cf4f0722afcb3 th_hover_a4" href="http://www.kanpao.cn/article/KsjKHz_ecQfAXaSNbfn" title="打造高效便捷的杂货购物网站设计排版攻略" target="_blank">打造高效便捷的杂货购物网站设计排版攻略</a></li>
<li><span class="44eaeb8ea4f5ef8e date">09-22</span><i class="eb8ea4f5ef8e6924 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="a4f5ef8e69243793 th_hover_a4" href="http://www.kanpao.cn/article/CIWJoQ_BuyULiouMKhN" title="打造高效便捷的安阳租房网站设计模板让租房更轻松" target="_blank">打造高效便捷的安阳租房网站设计模板让租房更轻松</a></li>
<li><span class="ef8e69243793d316 date">09-22</span><i class="69243793d316b70a iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="3793d316b70aea35 th_hover_a4" href="http://www.kanpao.cn/article/lFCvHI_DUAnNyrlEYTy" title="打造高效便捷希望图片转文字网站设计" target="_blank">打造高效便捷希望图片转文字网站设计</a></li>
<li><span class="d316b70aea3585af date">09-22</span><i class="b70aea3585af383b iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="ea3585af383b20e8 th_hover_a4" href="http://www.kanpao.cn/article/ELOmKv_REFvRhayejZk" title="打造高效互动脚步歌曲教学设计比赛网站攻略全" target="_blank">打造高效互动脚步歌曲教学设计比赛网站攻略全</a></li>
<li><span class="85af383b20e8488e date">09-22</span><i class="383b20e8488ed6c6 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="20e8488ed6c6518c th_hover_a4" href="http://www.kanpao.cn/article/LppQPi_qenxXYpVWwDl" title="打造风语小说网站设计攻略与创意方法" target="_blank">打造风语小说网站设计攻略与创意方法</a></li>
<li><span class="488ed6c6518cf4f0 date">09-22</span><i class="d6c6518cf4f0722a iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="518cf4f0722afcb3 th_hover_a4" href="http://www.kanpao.cn/article/xPmmzK_dObBLGUBiKNJ" title="打造阅读盛宴小说网站设计与方法" target="_blank">打造阅读盛宴小说网站设计与方法</a></li>
<li><span class="44eaeb8ea4f5ef8e date">09-22</span><i class="eb8ea4f5ef8e6924 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="a4f5ef8e69243793 th_hover_a4" href="http://www.kanpao.cn/article/pCGZAL_AeXMkPVkyRkp" title="打造超级马里奥迷们的专属乐园超级马里奥网站设计全攻略" target="_blank">打造超级马里奥迷们的专属乐园超级马里奥网站设计全攻略</a></li>
<li><span class="ef8e69243793d316 date">09-22</span><i class="69243793d316b70a iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="3793d316b70aea35 th_hover_a4" href="http://www.kanpao.cn/article/zyipVx_RMvJCsFPvgnY" title="打造读书软件图标网站设计教程全" target="_blank">打造读书软件图标网站设计教程全</a></li>
<li><span class="d316b70aea3585af date">09-22</span><i class="b70aea3585af383b iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="ea3585af383b20e8 th_hover_a4" href="http://www.kanpao.cn/article/rStEgl_qUjzigtFDDWT" title="打造视觉盛宴食物网站设计排版图案攻略全" target="_blank">打造视觉盛宴食物网站设计排版图案攻略全</a></li>
<li><span class="85af383b20e8488e date">09-22</span><i class="383b20e8488ed6c6 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="20e8488ed6c6518c th_hover_a4" href="http://www.kanpao.cn/article/CmIQDX_BFoJjHoQGbby" title="打造视觉盛宴美工素材网站设计排版之路" target="_blank">打造视觉盛宴美工素材网站设计排版之路</a></li>
</ul>
</div>
<div class="488ed6c6518cf4f0 thleftcon th_top">
<div class="d6c6518cf4f0722a thleftbt thwenzhang thsec4"><span class="518cf4f0722afcb3 th_cl4">排行榜</span></div>
<ul class="44eaeb8ea4f5ef8e th-5">
<li class="eb8ea4f5ef8e6924 th_li">
<div class="a4f5ef8e69243793 bottom1 gundongimg">
<a href="http://www.kanpao.cn/article/eUaDgh_FEszszNsefvg" title="北京汽车陪练行业前十名陪练机构盘点及选课指南"><img class="ef8e69243793d316 th_img banner_bottom" style="height:90px" src="http://kanpao.cn/zb_users/cache/ly_autoimg/m/MTEyMDA.png" /></a>
</div>
<div class="69243793d316b70a bottom2 gundongimg">
<a class="3793d316b70aea35 th_hover_a4" href="http://www.kanpao.cn/article/eUaDgh_FEszszNsefvg" title="北京汽车陪练行业前十名陪练机构盘点及选课指南" target="_blank">北京汽车陪练行业前十名陪练机构盘点及选课指南</a>
<div class="d316b70aea3585af bottom2_info ztm_phb"><p>越来越多的人加入了有车族行列。驾驶技能的提高并非一蹴而就，许多新手车主在驾驶过程中会遇到各种问题。为了帮助新手车主快速提升驾驶技能，汽车陪练行业应运而生。今天，我们就来揭秘北京汽车陪练行业，为大家盘点前十名陪练机构，并提供选课指南。</p><p>一、北京汽车陪练行业现状</p><p>近年来，我国汽车陪练行业呈现出快速增长态势。据权威数据显示，2019年，我国汽车陪练市场规模达到30亿元，预计到2025年，市场规模将达到100亿元。在北京，汽车陪练行业更是竞争激烈，各大陪练机构纷纷推出优质服务，以满足市场需求。</p><!--autointro--></div>
</div>
</li>
<li><span class="b70aea3585af383b date">50℃</span><i class="ea3585af383b20e8 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="85af383b20e8488e th_hover_a4" href="http://www.kanpao.cn/article/iKjNNB_zoPoVDAhiwpz" title="后卫寨新能源车销售中心,去西部车城从后卫寨哪个口出" target="_blank">后卫寨新能源车销售中心,去西部车城从后卫寨哪个口出</a></li>
<li><span class="383b20e8488ed6c6 date">48℃</span><i class="20e8488ed6c6518c iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="488ed6c6518cf4f0 th_hover_a4" href="http://www.kanpao.cn/article/HCgkYI_DwTtyWzLkLCE" title="新能源车企招聘信息发布,新能源车企招聘信息发布网" target="_blank">新能源车企招聘信息发布,新能源车企招聘信息发布网</a></li>
<li><span class="d6c6518cf4f0722a date">45℃</span><i class="518cf4f0722afcb3 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="44eaeb8ea4f5ef8e th_hover_a4" href="http://www.kanpao.cn/article/GIYXWe_KDcjOIDVHwIZ" title="新能源车积分制度解读,2020年新能源汽车积分比例要求为多少?" target="_blank">新能源车积分制度解读,2020年新能源汽车积分比例要求为多少?</a></li>
<li><span class="eb8ea4f5ef8e6924 date">42℃</span><i class="a4f5ef8e69243793 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="ef8e69243793d316 th_hover_a4" href="http://www.kanpao.cn/article/RPwLpa_jQqUifKBwgDG" title="腾讯参与新能源车研发,腾讯新能源汽车洞察报告" target="_blank">腾讯参与新能源车研发,腾讯新能源汽车洞察报告</a></li>
<li><span class="69243793d316b70a date">34℃</span><i class="3793d316b70aea35 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="d316b70aea3585af th_hover_a4" href="http://www.kanpao.cn/article/BFQxrj_RKGbJcsXzScv" title="台州新能源电动车,绿色出行新风尚，引领低碳生活新潮流" target="_blank">台州新能源电动车,绿色出行新风尚，引领低碳生活新潮流</a></li>
<li><span class="b70aea3585af383b date">33℃</span><i class="ea3585af383b20e8 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="85af383b20e8488e th_hover_a4" href="http://www.kanpao.cn/article/gCLcGX_XawCecClFyoB" title="新能源车创业者新机遇,新能源汽车相关行业创业项目" target="_blank">新能源车创业者新机遇,新能源汽车相关行业创业项目</a></li>
<li><span class="383b20e8488ed6c6 date">32℃</span><i class="20e8488ed6c6518c iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="488ed6c6518cf4f0 th_hover_a4" href="http://www.kanpao.cn/article/EHtFwI_oFVtpSONNvoR" title="北京吉普全系车型分析,实力与品质的完美融合" target="_blank">北京吉普全系车型分析,实力与品质的完美融合</a></li>
<li><span class="d6c6518cf4f0722a date">31℃</span><i class="518cf4f0722afcb3 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="44eaeb8ea4f5ef8e th_hover_a4" href="http://www.kanpao.cn/article/DoUgrU_CBSpRikZNuHK" title="国产汽车轮胎宽度排行榜揭晓，民族品牌崛起之路" target="_blank">国产汽车轮胎宽度排行榜揭晓，民族品牌崛起之路</a></li>
<li><span class="eb8ea4f5ef8e6924 date">28℃</span><i class="a4f5ef8e69243793 iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a
class="ef8e69243793d316 th_hover_a4" href="http://www.kanpao.cn/article/gYxMNN_iLStswFcofHW" title="滴滴车型起步价介绍,统一还是区别化" target="_blank">滴滴车型起步价介绍,统一还是区别化</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="69243793d316b70a footer1">
<section>
<div class="3793d316b70aea35 container">
<div class="d316b70aea3585af row">
<!--line-->
<div class="b70aea3585af383b col-md-4 col-xs-12 " style="border-right: 1px solid #3e3e3e;">
<dl class="ea3585af383b20e8 footcon1">
<dt>关于我们</dt>
<dd>智苑途</dd>
</dl>
</div>
<div class="85af383b20e8488e col-md-2 col-xs-4" style="border-right: 1px solid #3e3e3e;">
<dl class="383b20e8488ed6c6 footcon2">
<dt>快捷菜单1</dt>
<dd><a href="#">新手上路</a></dd>
<dd><a href="#">免费注册</a></dd>
<dd><a href="#">帮助中心</a></dd>
<dd><a href="#">后台配置</a></dd>
</dl>
</div>
<div class="20e8488ed6c6518c col-md-2 col-xs-4" style="border-right: 1px solid #3e3e3e;">
<dl class="488ed6c6518cf4f0 footcon2">
<dt>快捷菜单2</dt>
<dd><a href="#">新手上路</a></dd>
<dd><a href="#">免费注册</a></dd>
<dd><a href="#">帮助中心</a></dd>
</dl>
</div>
<div class="d6c6518cf4f0722a col-md-2 col-xs-4" style="border-right: 1px solid #3e3e3e;">
<dl class="518cf4f0722afcb3 footcon2">
<dt>快捷菜单3</dt>
<dd><a href="#">新手上路</a></dd>
<dd><a href="#">免费注册</a></dd>
<dd><a href="#">免责申明</a></dd>
</dl>
</div>
<div class="44eaeb8ea4f5ef8e col-md-2 col-xs-12">
<dl class="eb8ea4f5ef8e6924 footcon1">
<dt style="text-align: center;">扫码关注</dt>
<dd class="a4f5ef8e69243793 footewm"><img class="ef8e69243793d316 th_img" src="http://www.kanpao.cn/zb_users/theme/tianhu_theme/include/wx_th.png"></dd>
</dl>
</div>
</div>
</div>
</section>
</div>
<div class="69243793d316b70a footer2">
<a class="3793d316b70aea35 ico-ico" href="http://beian.miit.gov.cn" rel="nofollow" target="_blank" title="沪ICP备2024095051号-2">沪ICP备2024095051号-2</a> </div>
<div class="d316b70aea3585af thgotop">
<ul>
<li id="guan" class="b70aea3585af383b ditop th_bg4">
<div class="ea3585af383b20e8 yewan">
<i class="85af383b20e8488e iconfont icon-guandeng"></i>
<span class="383b20e8488ed6c6 ">我要关灯</span>
</div>
<div class="20e8488ed6c6518c baitian">
<i class="488ed6c6518cf4f0 iconfont icon-zu"></i>
<span class="d6c6518cf4f0722a ">我要开灯</span>
</div>
</li>
<li class="518cf4f0722afcb3 ditop th_bg4">
<i class="44eaeb8ea4f5ef8e iconfont icon-kefu"></i>
<span>客户电话</span>
<div class="eb8ea4f5ef8e6924 ditopcon" style="bottom:-100px;">
<div class="a4f5ef8e69243793 ditop-qq-img"><img class="ef8e69243793d316 th-img ditop-qq-height" src="http://www.kanpao.cn/zb_users/theme/tianhu_theme/style/images/qq.png"/></div>
<div class="69243793d316b70a ditop-qq-btn">
97093008 </div>
<p class="3793d316b70aea35 ditop-time">工作时间：8：00-18：00</p>
<p class="d316b70aea3585af ditop-top">电子邮件</p>
<p class="b70aea3585af383b ditop-email"> </p>
</div>
</li>
<li class="ea3585af383b20e8 ditop th_bg4">
<i class="85af383b20e8488e iconfont icon-weixin"></i>
<span>官方微信</span>
<div class="383b20e8488ed6c6 ditopcon">
<p>扫码二维码</p>
<p>获取最新动态</p>
<div class="20e8488ed6c6518c topthewm"><img class="488ed6c6518cf4f0 th_img" src="http://www.kanpao.cn/zb_users/theme/tianhu_theme/include/wx_th.png"></div>
</div>
</li>
<li id="go_top" class="d6c6518cf4f0722a ditop th_bg4">
<i class="518cf4f0722afcb3 iconfont icon-zhiding"></i>
<span>返回顶部</span>
</li>
</ul>
</div>
<script type="text/javascript" >
var swiper = new Swiper('.thbanner', {
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
loop: true,
autoplay: {
delay: 1500,
stopOnLastSlide: false,//如果设置为true，当切换到最后一个slide时停止自动切换
disableOnInteraction: true,//用户操作swiper之后，是否禁止autoplay
},
pagination: {//分页器
el: '.swiper-pagination',
clickable: true,//点击分页器的指示点分页器会控制Swiper切换
},
});
var swiper = new Swiper('.thslide2', {
slidesPerView: 4,
spaceBetween: 10,
loop: true,
autoplay: {
delay: 1500,
stopOnLastSlide: false,//如果设置为true，当切换到最后一个slide时停止自动切换
disableOnInteraction: false,//用户操作swiper之后，是否禁止autoplay
}
});
</script>
<script type="text/javascript" src="http://www.kanpao.cn/zb_users/theme/tianhu_theme/script/tianhu.js"></script>
<!--CacheHtml-->
</body>
</html><!--xc_html SUCCESS-2025-09-23 12:45:31--> |
|---|
