HTML建站全攻略：基础操作与网页设计规范解析_技术教程

HTML建站全攻略：基础操作与网页设计规范解析

发布时间：2025-03-11

点击量：

一、HTML文档结构与基础语法

标准的HTML文档由声明开始，包含根元素及其子元素和。头部区域存放元数据如字符集声明（）和页面标题（</code>），主体区域承载网页内容。</p><img src="//imgfile1.oss-cn-hangzhou.aliyuncs.com/gz/862.jpg" /> <h2 id="section-2">二、常用元素与页面布局设计</h2> <p>基础内容组织需掌握以下标签：</p> <ul> <li><strong>文本格式化</strong>：<code><br /> <h1>-</p> <h6></code>定义标题层级，<code></p> <p></code>包裹段落文本</li><li><strong>多媒体嵌入</strong>：<code></code>插入图像，<code></code>创建超链接</li><li><strong>结构化布局</strong>：使用<code><br /><header></code>、<code><main></code>、<code></p> <footer></code>划分页面区块</li> </ul> <h2 id="section-3">三、CSS集成与响应式设计规范</h2> <p>通过<code></code>引入外部样式表，实现样式与结构的分离。响应式设计的核心要素包括：</p> <p style="text-align: center"></p> <ol> <li>使用<code>viewport</code>元标签适配移动端显示</li> <li>采用百分比布局与<code>max-width</code>属性控制元素尺寸</li> <li>通过媒体查询（<code>@media</code>）适配不同屏幕分辨率</li> </ol> <h2 id="section-4">四、HTML5新特性与兼容性处理</h2> <figure> <table> <caption>HTML5语义化标签说明</caption> <tr> <th>标签</th> <th>描述</th> </tr> <tr> <td><code></p> <header></code></td> <td>定义文档或区块的头部</td> </tr> <tr> <td><code></p> </code></td> <td>表示独立内容区块</td> </tr> <tr> <td><code><video></code></td> <td>嵌入视频无需插件支持</td> </tr> </table> </figure> <p>建议使用MDN Web Docs查阅浏览器兼容性数据，并通过Polyfill技术实现旧版本浏览器支持。</p> <h2 id="section-5">五、<span class="wpcom_tag_link">SEO优化</span>与网页可访问性指南</h2> <p>提升搜索引擎可见性的关键措施：</p> <ul> <li>为所有图像添加<code>alt</code>属性描述</li> <li>使用<code></code>设置页面摘要</li> <li>通过<code>aria-*</code>属性增强屏幕阅读器支持</li> </ul> <p>掌握HTML基础语法与设计规范是构建专业网站的基石。通过语义化标签、<span class="wpcom_tag_link">响应式布局</span>与SEO优化技术的结合，可创建既符合现代Web标准又具备良好用户体验的网站。</p> </div> <div class="tags"><span>标签：</span># <a href="/tags/1812711.html">菏泽品质网站建设哪家好</a> # <a href="/tags/1812712.html">上虞企业网站建设案例</a> # <a href="/tags/627418.html">哈尔滨建设网站成本高吗</a> # <a href="/tags/1604982.html">中国*网站建设</a> # <a href="/tags/1757921.html">闵行网站建设公司怎么样</a> # <a href="/tags/1675655.html">黄石网站建设参考书</a> # <a href="/tags/1249614.html">企业官网网站建设价格</a> # <a href="/tags/1286248.html">缪丽伟建设网站</a> # <a href="/tags/1268616.html">洪山网站建设</a> # <a href="/tags/1571736.html">和平区个人网站建设报价</a> # <a href="/tags/1649746.html">成交型网站建设营销</a> # <a href="/tags/1641959.html">山东定制型网站建设</a> # <a href="/tags/1706165.html">简单网站建设含代码吗</a> # <a href="/tags/1812710.html">苏州网站建设教程视频</a> # <a href="/tags/304719.html">法制网站建设</a> # <a href="/tags/1812709.html">网站建设咨询客服</a> # <a href="/tags/1812708.html">湛江找网站建设</a> # <a href="/tags/1812707.html">陈观泰电影网站建设</a> # <a href="/tags/1617424.html">常州高端品牌网站建设</a> # <a href="/tags/635923.html">商务网站建设注意什么</a> </div>  <div class="xglm" style="display:none;height:0;overflow: hidden;font-size: 0;"> <p><br>相关栏目：【<a href='/news/' class=''> 科技资讯 </a>】【<a href='/tuiguang/' class=''> 运营推广 </a>】【<a href='/jiaocheng/' class='on'> 技术教程 </a>】【<a href='/seo/' class=''> SEO优化 </a>】【<a href='/ai/' class=''> AI营销 </a>】【<a href='/yunweikaifa/' class=''> 运维开发 </a>】【<a href='/ruanjianbiancheng/' class=''> 软件编程 </a>】 </p> </div>   <div class="sjwz" style="display:none;height:0;overflow: hidden;font-size: 0;"> <p><br>相关推荐： <a href='/jiaocheng/88034.html'>如何快速搭建高效服务器建站系统？</a> <a href='/jiaocheng/149950.html'>遇到云服务器故障导致网站无法访问，应采取哪些紧急措施恢复？</a> <a href='/jiaocheng/159258.html'>win11怎么安装安卓模拟器 Win11运行雷电/夜神等模拟器教程</a> <a href='/jiaocheng/159378.html'>win11声音忽大忽小怎么办 Win11关闭音频增强与驱动程序设置</a> <a href='/jiaocheng/133737.html'>PHP网站设计怎样使用PDO操作数据库_PHP PDO使用方法【数据库】</a> <a href='/jiaocheng/87878.html'>如何在宝塔面板中创建新站点？</a> <a href='/jiaocheng/133776.html'>如何使用Golang实现HTTP重定向处理_自动跟随Location</a> <a href='/jiaocheng/159105.html'>在Ubuntu中使用哪种数据库管理系统最佳，MySQL还是PostgreSQL？</a> <a href='/jiaocheng/133622.html'>云建站官网老是打不开，怎么判断是自身网络还是平台问题？</a> <a href='/jiaocheng/105419.html'>如何在 GraphQL 中正确合并多个带命名操作的 DocumentNode</a> <a href='/jiaocheng/137979.html'>Win11怎么去除激活水印 Win11通过注册表消除右下角未激活提示教程</a> <a href='/jiaocheng/87986.html'>如何彻底删除建站之星生成的Banner？</a> <a href='/jiaocheng/169185.html'>c++23中的std::stacktrace怎么用_c++原生堆栈跟踪库【调试】</a> <a href='/jiaocheng/158974.html'>windows10 C盘满了如何清理_Windows C盘空间清理与优化方法</a> <a href='/jiaocheng/88279.html'>c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】</a> <a href='/jiaocheng/88134.html'>如何撰写建站申请书？关键要点有哪些？</a> <a href='/jiaocheng/105271.html'>Destoon 可视化建站工具对新手用户友好吗？</a> <a href='/jiaocheng/124598.html'>云主机建站成本揭秘：有哪些隐藏费用需提前知晓？</a> <a href='/jiaocheng/159008.html'>如何使用Golang捕获正则分组_Golang regexp Submatch操作方法</a> <a href='/jiaocheng/88099.html'>如何快速重置建站主机并恢复默认配置？</a> <a href='/jiaocheng/88238.html'>如何破解联通资金短缺导致的基站建设难题？</a> <a href='/jiaocheng/137938.html'>Win11怎么开启开发者模式 Win11系统设置隐私和安全性开启开发人员模式</a> <a href='/jiaocheng/114674.html'>C# MAUI怎么实现推送通知 MAUI Push Notification教程</a> <a href='/jiaocheng/105534.html'>Discuz企业建站是否支持多语言版本，满足国际化需求？</a> <a href='/jiaocheng/169063.html'>windows11如何录制屏幕_Windows 11屏幕录制工具使用方法</a> <a href='/jiaocheng/87841.html'>如何在云虚拟主机上快速搭建个人网站？</a> <a href='/jiaocheng/87825.html'>如何在万网自助建站中设置域名及备案？</a> <a href='/jiaocheng/159394.html'>在Windows 10中如何安装和配置Web服务器软件？</a> <a href='/jiaocheng/149939.html'>全球购建站系统是否支持多语言界面，怎样进行语言切换？</a> <a href='/jiaocheng/114635.html'>PHP与J*a的安全性比较及常见漏洞防范</a> <a href='/jiaocheng/88278.html'>C++中引用和指针有什么区别？（代码说明）</a> <a href='/jiaocheng/124503.html'>如何在云服务器上设置自动化的网站部署管道？</a> <a href='/jiaocheng/159305.html'>在VSCode中调试网站代码的最佳实践是什么？</a> <a href='/jiaocheng/87746.html'>如何在Windows虚拟主机上快速搭建网站？</a> <a href='/jiaocheng/137975.html'>php一维数组变二维数组_php数组维度提升方法教程【指南】</a> <a href='/jiaocheng/159030.html'>php拿到数组所有数据_php数组完整内容提取技巧【解析】</a> <a href='/jiaocheng/105447.html'>Win10怎么设置指纹登录 Win10账户与安全添加指纹解锁提升登录速度【教程】</a> <a href='/jiaocheng/88345.html'>如何通过FTP服务器快速搭建网站？</a> <a href='/jiaocheng/124543.html'>PHP网站设计如何设计购物车功能_PHP购物车功能实现方法【电商】</a> <a href='/jiaocheng/88245.html'>如何选择PHP开源工具快速搭建网站？</a> <a href='/jiaocheng/169049.html'>应对腾讯建站主机无法访问，企业用户该如何保障业务连续性？</a> <a href='/jiaocheng/133703.html'>如何用BitLocker给硬盘加密_Windows自带加密工具保护你的数据安全【必学】</a> <a href='/jiaocheng/105551.html'>windows10怎么打开软键盘_windows10屏幕键盘开启快捷键</a> <a href='/jiaocheng/133640.html'>如何搭建Golang Web开发基础环境_Golang Web环境搭建指南</a> <a href='/jiaocheng/149909.html'>python迭代器和生成器区别是什么</a> <a href='/jiaocheng/159173.html'>如何在Windows 10企业版上配置IIS以优化网站性能？</a> <a href='/jiaocheng/88256.html'>C#如何序列化对象为XML XmlSerializer用法</a> <a href='/jiaocheng/105521.html'>Mac如何实现定时关机_Mac系统自动关机教学</a> <a href='/jiaocheng/149891.html'>windows10如何删除旧的windows.old文件夹_windows10Windows.old文件删除方法</a> <a href='/jiaocheng/133534.html'>云建站官网打不开，DNS设置出错怎么办？</a> </p> </div>  <div class="web_det_bom"> <div class="web_bom_left"> <p><a href="/jiaocheng/375603.html" title="小白怎么学习html5_小白从基础标签练起再学布局与交互逐步">上一篇：小白怎么学习html5_小白从基础标签练起再学布局与交互逐步</a></p> <p><a href="/jiaocheng/375610.html" title="css容器背景与子元素背景重叠混乱怎么办_backgroun">下一篇：css容器背景与子元素背景重叠混乱怎么办_backgroun</a></p> </div> <div class="fanhui_right"> <a href="javascript:history.back(-1);"> <h6>返回</h6> </a> </div> </div> </div> </div> </div> </div> <div class="topback"></div> <link href="/template/fenlei1/pc/skin/css/footer.css" rel="stylesheet" media="screen" type="text/css" /> <link href="/template/fenlei1/pc/skin/css/amazeui.min.css" rel="stylesheet" media="screen" type="text/css" /> <div id="vue-app-footer"> <div class="foot am-cf "> <div class="am-cf foot_topbg cfcontwidth" style="position: relative;"> <ul class="foot_top am-fl"> <li class="foot_a am-fl"><a href="/" class="am-fl size_12">网站首页</a></li> <li class="foot_a am-fl"><a href="/app/" class="am-fl size_12"> | APP开发</a></li> <li class="foot_a am-fl"><a href="/weixin/" class="am-fl size_12"> | 小程序开发</a></li> <li class="foot_a am-fl"><a href="/Internet/" class="am-fl size_12"> | 物联网开发</a></li> <li class="foot_a am-fl"><a href="/cms/" class="am-fl size_12"> | 系统开发</a></li> <li class="foot_a am-fl"><a href="/article/" class="am-fl size_12"> | 开发学院</a></li> <li class="foot_a am-fl"><a href="/ruzhu/" class="am-fl size_12"> | 商家入驻</a></li> </ul> <div class="am-gotop am-gotop-default footop am-fr am-no-layout"><a title="回到顶部"><span class="am-gotop-title">回到顶部</span></a></div> </div> <div class="foot_bottombg"> <div class="foot_bottom cfcontwidth am-cf"> <div class="foot_bottomleft am-fl"> <div class="foot_p size_12"><b>内江振祥营销策划有限公司</b></div> <div class="foot_p size_12">Q　 Q：<a href="https://wpa.qq.com/msgrd?v=3&uin=8888610&site=qq&menu=yes">8888610</a></div> <div class="foot_p size_12">邮　箱：<a href="mail:8888610@qq.com" class="foot_p">8888610@qq.com</a></div> <div class="foot_p size_12">© <script>document.write( new Date().getFullYear() );</script> 内江振祥营销策划有限公司版权所有 <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">蜀ICP备2024086403号</a>　 <div style="display:none"> <a href="http://sunyizhen.cn">宜昌市隼壹珍商贸有限公司</a> <a href="http://www.sunyizhen.cn">宜昌市隼壹珍商贸有限公司</a> <a href="http://peijia1.cn">宜昌市隼壹珍商贸有限公司</a> <a href="http://www.peijia1.cn">宜昌市隼壹珍商贸有限公司</a> <a href="http://yuanminjixie.com">宜昌市隼壹珍商贸有限公司</a> <a href="http://www.yuanminjixie.com">宜昌市隼壹珍商贸有限公司</a> <a href="http://ivua.cn">宜昌市隼壹珍商贸有限公司</a> <a href="http://www.ivua.cn">宜昌市隼壹珍商贸有限公司</a> <a href="http://syzsm.cn">宜昌市隼壹珍商贸有限公司</a> <a href="http://www.syzsm.cn">宜昌市隼壹珍商贸有限公司</a> <a href="http://zxyxch.cn">内江振祥营销策划有限公司</a> <a href="http://www.zxyxch.cn">内江振祥营销策划有限公司</a> <a href="http://sczxch.cn">内江振祥营销策划有限公司</a> <a href="http://www.sczxch.cn">内江振祥营销策划有限公司</a> <a href="http://njzxch.cn">内江振祥营销策划有限公司</a> <a href="http://www.njzxch.cn">内江振祥营销策划有限公司</a> <a href="http://zhenxiangch.cn">内江振祥营销策划有限公司</a> <a href="http://www.zhenxiangch.cn">内江振祥营销策划有限公司</a> <a href="http://qxmr88.cn">内江振祥营销策划有限公司</a> <a href="http://www.qxmr88.cn">内江振祥营销策划有限公司</a> <a href="http://sczxchw.cn">内江振祥营销策划有限公司</a> <a href="http://www.sczxchw.cn">内江振祥营销策划有限公司</a> <a href="http://easydzh.cn">内江振祥营销策划有限公司</a> <a href="http://www.easydzh.cn">内江振祥营销策划有限公司</a> <a href="http://zxadw.cn">内江振祥营销策划有限公司</a> <a href="http://www.zxadw.cn">内江振祥营销策划有限公司</a> <a href="http://esxguide.com">恩施州毯滚百货有限公司</a> <a href="http://www.esxguide.com">恩施州毯滚百货有限公司</a> <a href="http://mrxnyqc.cn">襄阳市蜂欢商贸有限公司</a> <a href="http://www.mrxnyqc.cn">襄阳市蜂欢商贸有限公司</a> <a href="http://redfetish.com">恩施州换冯百货有限公司</a> <a href="http://www.redfetish.com">恩施州换冯百货有限公司</a> <a href="http://dyastoyota.com">恩施州健提百货有限公司</a> <a href="http://www.dyastoyota.com">恩施州健提百货有限公司</a> <a href="http://xa1010.cn">西安益零商贸有限公司</a> <a href="http://www.xa1010.cn">西安益零商贸有限公司</a> <a href="http://nan-ao.cn">南奥教育</a> <a href="http://www.nan-ao.cn">南奥教育</a> <a href="http://kszxs.cn">南奥教育</a> <a href="http://www.kszxs.cn">南奥教育</a> <a href="http://nanaojiaoyu.cn">南昌市南奥教育咨询有限公司</a> <a href="http://www.nanaojiaoyu.cn">南昌市南奥教育咨询有限公司</a> <a href="http://naedu.com.cn">南昌市南奥教育咨询有限公司</a> <a href="http://www.naedu.com.cn">南昌市南奥教育咨询有限公司</a> <a href="http://jxnanao.cn">南昌市南奥教育咨询有限公司</a> <a href="http://www.jxnanao.cn">南昌市南奥教育咨询有限公司</a> <a href="http://sscffc.cn">南昌市南奥教育咨询有限公司</a> <a href="http://www.sscffc.cn">南昌市南奥教育咨询有限公司</a> <a href="http://nawork.cn">南奥教育网</a> <a href="http://www.nawork.cn">南奥教育网</a> <a href="http://nazuoye.cn">南奥教育网</a> <a href="http://www.nazuoye.cn">南奥教育网</a> <a href="http://ndaxue.cn">南奥学习网</a> <a href="http://www.ndaxue.cn">南奥学习网</a> <a href="http://nstudy.com.cn">南奥学习网</a> <a href="http://www.nstudy.com.cn">南奥学习网</a> <a href="http://nanaojy.cn">南奥教育</a> <a href="http://www.nanaojy.cn">南奥教育</a> <a href="http://liuxueji.com.cn">南奥留学记</a> <a href="http://www.liuxueji.com.cn">南奥留学记</a> <a href="http://liuxuenews.com">南奥教育</a> <a href="http://www.liuxuenews.com">南奥教育</a> <a href="http://aqrn.cn">南昌市南奥教育咨询有限公司</a> <a href="http://www.aqrn.cn">南昌市南奥教育咨询有限公司</a> <a href="http://0791n.cn">南昌市南奥教育咨询有限公司</a> <a href="http://www.0791n.cn">南昌市南奥教育咨询有限公司</a> <a href="http://hanxinbh.cn">南昌壹佳企网络通信有限公司</a> <a href="http://www.hanxinbh.cn">南昌壹佳企网络通信有限公司</a> <a href="http://jxyjq.cn">南昌壹佳企网络通信有限公司</a> <a href="http://www.jxyjq.cn">南昌壹佳企网络通信有限公司</a> <a href="http://shmkw.cn">南昌壹佳企网络通信有限公司</a> <a href="http://www.shmkw.cn">南昌壹佳企网络通信有限公司</a> <a href="http://qxmrsp.cn">南昌壹佳企网络通信有限公司</a> <a href="http://www.qxmrsp.cn">南昌壹佳企网络通信有限公司</a> <a href="http://iqmj.cn">南昌壹佳企网络通信有限公司</a> <a href="http://www.iqmj.cn">南昌壹佳企网络通信有限公司</a> <a href="http://yjqtx.cn">南昌壹佳企网络通信有限公司</a> <a href="http://www.yjqtx.cn">南昌壹佳企网络通信有限公司</a> <a href="http://ncyjq.cn">南昌壹佳企网络通信有限公司</a> <a href="http://www.ncyjq.cn">南昌壹佳企网络通信有限公司</a> <a href="http://ejiaq.cn">南昌壹佳企网络通信有限公司</a> <a href="http://www.ejiaq.cn">南昌壹佳企网络通信有限公司</a> <a href="http://1jqi.cn">南昌壹佳企网络通信有限公司</a> <a href="http://www.1jqi.cn">南昌壹佳企网络通信有限公司</a> <a href="http://yjqwl.com">南昌壹佳企网络通信有限公司</a> <a href="http://www.yjqwl.com">南昌壹佳企网络通信有限公司</a> <a href="http://ejqwl.cn">南昌壹佳企网络通信有限公司</a> <a href="http://www.ejqwl.cn">南昌壹佳企网络通信有限公司</a> <a href="http://edingchen.com">广照天下广告</a> <a href="http://www.edingchen.com">广照天下广告</a> <a href="http://cdgjp.com">广照天下广告策划</a> <a href="http://www.cdgjp.com">广照天下广告策划</a> <a href="http://jobeople.com">广照天下</a> <a href="http://www.jobeople.com">广照天下</a> <a href="http://gztxch.cn">广照天下</a> <a href="http://www.gztxch.cn">广照天下</a> <a href="http://irgt.cn">广照天下</a> <a href="http://www.irgt.cn">广照天下</a> <a href="http://drorgan.com">广照天下广告策划</a> <a href="http://www.drorgan.com">广照天下广告策划</a> <a href="http://51yingcai.com.cn">广照天下广告策划</a> <a href="http://www.51yingcai.com.cn">广照天下广告策划</a> <a href="http://gztx8.cn">南昌市广照天下广告策划有限公司</a> <a href="http://www.gztx8.cn">南昌市广照天下广告策划有限公司</a> <a href="http://gztx1.cn">南昌市广照天下广告策划有限公司</a> <a href="http://www.gztx1.cn">南昌市广照天下广告策划有限公司</a> <a href="http://tenque.cn">宿州市腾雀网络科技有限公司</a> <a href="http://www.tenque.cn">宿州市腾雀网络科技有限公司</a> <a href="http://tenquewl.com">宿州市腾雀网络科技有限公司</a> <a href="http://www.tenquewl.com">宿州市腾雀网络科技有限公司</a> <a href="http://tenquekj.cn">宿州市腾雀网络科技有限公司</a> <a href="http://www.tenquekj.cn">宿州市腾雀网络科技有限公司</a> <a href="http://tq001.cn">宿州市腾雀网络科技有限公司</a> <a href="http://www.tq001.cn">宿州市腾雀网络科技有限公司</a> <a href="http://51hongxin.com">宿州市腾雀网络科技有限公司</a> <a href="http://www.51hongxin.com">宿州市腾雀网络科技有限公司</a> <a href="http://yingsoft.com.cn">宿州市腾雀网络科技有限公司</a> <a href="http://www.yingsoft.com.cn">宿州市腾雀网络科技有限公司</a> <a href="http://0557a.cn">宿州市腾雀网络科技有限公司</a> <a href="http://www.0557a.cn">宿州市腾雀网络科技有限公司</a> <a href="http://sztui.cn">宿州市腾雀网络科技有限公司</a> <a href="http://www.sztui.cn">宿州市腾雀网络科技有限公司</a> <a href="http://sztqw.cn">宿州市腾雀网络科技有限公司</a> <a href="http://www.sztqw.cn">宿州市腾雀网络科技有限公司</a> <a href="http://yrswzx.cn">九江市云仁商务咨询有限公司</a> <a href="http://www.yrswzx.cn">九江市云仁商务咨询有限公司</a> <a href="http://71wu.com">九江市云仁商务咨询有限公司</a> <a href="http://www.71wu.com">九江市云仁商务咨询有限公司</a> <a href="http://k79.com.cn">九江市云仁商务咨询有限公司</a> <a href="http://www.k79.com.cn">九江市云仁商务咨询有限公司</a> <a href="http://yun-ren.cn">九江市云仁商务咨询有限公司</a> <a href="http://www.yun-ren.cn">九江市云仁商务咨询有限公司</a> <a href="http://zhanba.com.cn">九江市云仁商务咨询有限公司</a> <a href="http://www.zhanba.com.cn">九江市云仁商务咨询有限公司</a> </div></div> </div> <div class="foot_bottomright am-fl am-cf"> <div class="foot_bottleft am-fl"> <p class="foot_botta weight_700 size_24"><a href="tel:4008888355" class="foot_p">4008888355</a></p> <p class="foot_botta size_12">24小时响应</p> <a href="https://wpa.qq.com/msgrd?v=3&uin=8888610&site=qq&menu=yes" class="size_18 color_100 foot_qq"> 在线沟通 </a></div> <div class="foot_bottright am-fr"> <div class="footright_img"><img src="/uploads/allimg/20260115/1-260115222T5Y8.png" alt="二维码"/></div> </div> </div> </div> </div> </div> </div> <dl class="toolbar"> <dd class="qq"><a href="https://wpa.qq.com/msgrd?v=3&uin=8888610&site=qq&menu=yes" target="_blank"><i></i><span>在线客服</span></a></dd> <dd class="tel"><i></i><span>服务热线</span> <div class="box"> <p>服务热线</p> <h3>4008888355</h3> </div> </dd> <dd class="code"><i></i><span>微信咨询</span> <div class="box"><img src="/uploads/allimg/20260115/1-260115222T5Y8.png" alt="二维码"/></div> </dd> <dd class="top" id="top"><i></i><span>返回顶部</span></dd> </dl> <div class="f_kslj"> <ul> <li><a href="/" title="网站首页"><i class="fa fa-home" aria-hidden="true"></i>网站首页</a></li> <li><a href="tel:4008888355" title="一键拨打"><i class="fa fa-phone" aria-hidden="true"></i>一键拨打</a></li> <li><a onclick="dkcf()" title="微信咨询"><i class="fa fa-weixin" aria-hidden="true"></i>微信客服</a></li> </ul> </div> <div id="wxnr"> <div class="nrdf"> <i class="x" onclick="gbcf()">×</i><img src="/uploads/allimg/20260115/1-260115222T5Y8.png" alt="二维码"/> <p>截屏，微信识别二维码</p>  <p><a href="weixin://"><span><i class="fa fa-weixin" aria-hidden="true"></i>打开微信</span></a></p> </div> </div> <div id="weixin">微信号已复制，请打开微信添加咨询详情！</div> <script language="javascript" type="text/javascript" src="/template/fenlei1/pc/skin/js/jquery-3.7.0.min.js"></script> <script language="javascript" type="text/javascript" src="/template/fenlei1/pc/skin/js/clipboard.min.js"></script> <script language="javascript" type="text/javascript" src="/template/fenlei1/pc/skin/js/head.js"></script>   <script type="text/javascript">var root_dir="";var ey_aid=375606;</script> <script language="javascript" type="text/javascript" src="/public/static/common/js/ey_footer.js?v=v1.7.1"></script> </body> </html>