3步搞定html网站首页：不会代码也能做的保姆级建站教程

想做个网站却盯着空白文档发呆？别慌，很多人卡在这一步。

其实 html 网站首页 的核心逻辑并不复杂，关键在于把“看”和“做”分开。

这篇保姆级建站教程 专为零基础人群准备，手把手带你落地。

1. html 网站首页 和 Word 文档到底有啥区别？

很多新手误以为做网页就是写 Word，排版好看就行。

这是个天大的误区，Word 是线性阅读，网页是空间布局。

html 网站首页 由标签构成，每个标签都有特定含义，比如标题用 h1，段落用 p。

浏览器解析这些标签，才能渲染出你看到的页面结构。

如果标签嵌套错误，整个页面布局就会崩掉，甚至影响 SEO 收录。

Word 里的表格、图片插入方式，在 HTML 中都需要转为语义化标签。

比如 Word 里的“公司简介”标题，在 HTML 里应该是

公司简介

。

这种语义化结构，是搜索引擎理解你网站内容的关键依据。

不要试图用 CSS 去伪装结构，标签语义才是根本。

2. 没有设计基础，html 网站首页 怎么起步？

不用会 PS，也不用懂高级设计理论，直接抄作业就行。

去 Dribbble 或 Figma 社区找类似你行业的优秀案例。

截图保存，然后打开你的 HTML 编辑器，对照着写。

html 网站首页 的布局无非就是“头部-导航-轮播-内容-页脚”这五块。

先搭骨架，再填肉，最后调细节，这是最高效的路径。

对于华北地区的项目经理来说，这种标准化流程尤其重要。

因为很多传统企业客户不懂技术，你需要用可视化的方式展示进度。

先出 HTML 静态页，比直接上后端系统反馈更快，沟通成本更低。

不要一开始就纠结像素级还原，先保证结构完整，再优化细节。

3. html 网站首页 代码怎么写才规范？

新手常犯的错误是标签闭合不规范，或者缩进混乱。

规范代码不是为了好看，而是为了后期维护方便。

打开记事本，输入 ，这是文档类型声明，必须放在第一行。

接着写 ，指定语言环境，利于 SEO 识别。

头部用 包裹，里面放 和 <meta> 标签。</p> <title> 标签内容会显示在浏览器标签页，也是搜索引擎抓取的核心标题。 <p><meta name="description" content="这里写网站描述"> 是重要的 SEO 元数据。</p> <p>正文用 <body> 包裹，所有可见内容都放在这里。</p> <p>每个标签都要正确闭合，比如 <div> 对应 </div>，<span> 对应 </span>。</p> <p>建议使用 VS Code 等现代编辑器，它们有自动补全和格式检查功能。</p> <h3 id="html-3">4. 图片在 html 网站首页 中如何正确引用？</h3> <p>图片路径错误是新手最常遇到的坑，页面一片空白就是典型症状。</p> <p>本地开发时，建议把图片放在项目根目录下的 images 文件夹中。</p> <p>在 HTML 中使用 <img referrerpolicy="no-referrer" src="images/logo.png" alt="公司Logo"> 标签引用。</p> <p>src 属性指向图片相对路径，alt 属性是图片的替代文本。</p> <p><strong>alt 属性不仅仅是为了无障碍访问，更是图片 SEO 的核心要素。</strong></p> <p>搜索引擎无法直接识别图片内容，只能通过 alt 文本来理解图片含义。</p> <p>如果 alt 为空，或者全是乱码，搜索引擎就无法抓取图片信息。</p> <p>对于 html 网站首页 来说，首页大图、产品图、团队照的 alt 文本必须精准。</p> <p>比如产品图，alt 应该写“2024新款高性能服务器主板”，而不是“图片1”。</p> <p>这种细节，很多外包公司都会忽略，导致网站流量上不去。</p> <h3 id="html-4">5. 响应式设计在 html 网站首页 中如何实现？</h3> <p>现在手机流量占比超过 70%，不做响应式设计等于自废武功。</p> <p>html 网站首页 的响应式核心在于媒体查询 Media Queries。</p> <p class="..">在 CSS 文件底部，添加 @media (max-width: 768px) 代码块。</p> <p>在这个块里，重新定义移动端下的样式，比如缩小字体、隐藏侧边栏。</p> <p>html 结构本身不需要大改，主要调整 CSS 布局属性。</p> <p>比如桌面端用 flex 布局，移动端可以改为 column 垂直排列。</p> <p>图片也要设置 max-width: 100%; height: auto;，防止在小屏幕上溢出。</p> <p>viewport meta 标签必须放在 <head> 中：<meta name="viewport" content="width=device-width, initial-scale=1.0">。</p> <p>这个标签告诉浏览器如何控制页面的宽度和缩放。</p> <p>没有它，手机端打开网站就会缩小显示，体验极差。</p> <h3 id="html-5">6. 从 html 静态页到上线，中间还差什么？</h3> <p>写完 html 网站首页 代码，只是完成了 20% 的工作。</p> <p>接下来是域名注册、服务器购买、SSL 证书部署、ICP 备案等流程。</p> <p>对于国内站点，必须通过 <strong>工信部 ICP 备案系统</strong> 进行备案申请。</p> <p>备案过程需要提交主体信息、网站负责人信息、域名信息，审核周期约 1-2 周。</p> <p>未备案的域名，在国内服务器上无法解析访问，会被强制阻断。</p> <p>服务器建议选择阿里云、腾讯云等大厂，稳定性更有保障。</p> <p>SSL 证书可以让网站支持 HTTPS 加密，提升用户信任度和 SEO 权重。</p> <p>免费证书可以通过 Let's Encrypt 申请，或者在云厂商控制台一键部署。</p> <p>部署时，使用 FTP 或 SFTP 工具将 HTML、CSS、JS、图片文件上传到服务器指定目录。</p> <p>上传完成后，绑定域名，配置解析记录，等待生效。</p> <h3 id="html-seo">7. html 网站首页 上线后如何优化 SEO？</h3> <p>代码写完、网站上线，不代表 SEO 工作结束，才刚刚开始。</p> <p>检查页面源代码，确保 title、description、keywords 标签内容独特且相关。</p> <p>每个页面的 title 不要重复，要包含核心关键词，如“html 网站首页 建设服务”。</p> <p>H1 标签每页只出现一次，且包含主要关键词，H2、H3 标签层级清晰。</p> <p>内部链接结构要合理，首页链接到内页，内页之间也要有交叉链接。</p> <p>图片文件命名不要用 img001.jpg，要用 english-keywords.jpg，利于搜索引擎抓取。</p> <p>提交 sitemap.xml 文件到百度站长平台、Google Search Console。</p> <p>定期监控网站收录情况，检查是否有死链、404 错误。</p> <p>使用 PageSpeed Insights 工具测试加载速度，优化图片压缩、减少 HTTP 请求。</p> <p>html 网站首页 的加载速度直接影响用户跳出率和 SEO 排名。</p> <h3 id="html-6">8. 选择外包还是自己写 html 网站首页 更划算？</h3> <p>这取决于你的预算、时间紧迫度和长期维护需求。</p> <p>如果预算充足、时间紧迫，找专业团队外包是更高效的选择。</p> <p>但要警惕低价陷阱，很多低价外包用模板站，代码冗余、SEO 差。</p> <p>如果预算有限、时间充裕，自己跟着保姆级建站教程 写，成本几乎为零。</p> <p>自己写的网站，你对代码结构了如指掌，后期修改、维护更灵活。</p> <p>对于华北地区的项目经理，如果涉及多个子站、多语言站点，建议外包。</p> <p>因为多语言 SEO、服务器架构、CDN 加速等复杂问题，需要专业经验。</p> <p>如果是单一品牌官网，自己写完全够用，还能锻炼技术能力。</p> <p>无论哪种方式，都要坚持“语义化 HTML + 响应式 CSS + 结构化数据”的原则。</p> <p>这是保证网站长期竞争力的基础，也是 html 网站首页 建设的核心标准。</p> <p>不要为了炫技使用过多动画特效，简洁、清晰、快速才是王道。</p> <p><strong>还有什么建站疑问？评论区留言挨个回。</strong></p> </div> </div> <aside class="article-side"> <div class="side-block"> <h4>相关新闻</h4> <a class="side-news-item" href="/news/378"> <div class="thumb"><img src="http://pic.xiahunao.cn/yaotu/想要网站推广页防注入实战源码下载与加固指南" alt="想要网站推广页防注入实战源码下载与加固指南" width="80" height="60" /></div> <div class="info"><div class="t-title">想要网站推广页防注入实战源码下载与加固指南</div><div class="t-date">2026/9/24 1:49:37</div></div> </a> <a class="side-news-item" href="/news/377"> <div class="thumb"><img src="http://pic.xiahunao.cn/yaotu/小公司做网站赚钱速查手册：0代码实操避坑指南" alt="小公司做网站赚钱速查手册：0代码实操避坑指南" width="80" height="60" /></div> <div class="info"><div class="t-title">小公司做网站赚钱速查手册：0代码实操避坑指南</div><div class="t-date">2026/9/24 1:49:04</div></div> </a> <a class="side-news-item" href="/news/376"> <div class="thumb"><img src="http://pic.xiahunao.cn/yaotu/3招搞定微商商城官网安全，新手建站报价省一半" alt="3招搞定微商商城官网安全，新手建站报价省一半" width="80" height="60" /></div> <div class="info"><div class="t-title">3招搞定微商商城官网安全，新手建站报价省一半</div><div class="t-date">2026/9/24 1:48:22</div></div> </a> </div> <div class="side-block"> <h4>最新新闻</h4> <a class="side-news-item" href="/news/6014"> <div class="thumb"><img src="http://pic.xiahunao.cn/yaotu/3步修复wordpress左右源码下载漏洞防挂马实录" alt="3步修复wordpress左右源码下载漏洞防挂马实录" width="80" height="60" /></div> <div class="info"><div class="t-title">3步修复wordpress左右源码下载漏洞防挂马实录</div><div class="t-date">2026/9/26 21:50:14</div></div> </a> <a class="side-news-item" href="/news/6013"> <div class="thumb"><img src="http://pic.xiahunao.cn/yaotu/新手入门做文案策划需要看什么网站3招搞定流量" alt="新手入门做文案策划需要看什么网站3招搞定流量" width="80" height="60" /></div> <div class="info"><div class="t-title">新手入门做文案策划需要看什么网站3招搞定流量</div><div class="t-date">2026/9/26 21:49:29</div></div> </a> <a class="side-news-item" href="/news/6012"> <div class="thumb"><img src="http://pic.xiahunao.cn/yaotu/网站备案暂住证避坑指南:最佳实践揭秘" alt="网站备案暂住证避坑指南:最佳实践揭秘" width="80" height="60" /></div> <div class="info"><div class="t-title">网站备案暂住证避坑指南:最佳实践揭秘</div><div class="t-date">2026/9/26 21:48:57</div></div> </a> <a class="side-news-item" href="/news/6011"> <div class="thumb"><img src="http://pic.xiahunao.cn/yaotu/苏州建站模板平台避坑指南3个实战案例教你防黑" alt="苏州建站模板平台避坑指南3个实战案例教你防黑" width="80" height="60" /></div> <div class="info"><div class="t-title">苏州建站模板平台避坑指南3个实战案例教你防黑</div><div class="t-date">2026/9/26 21:47:41</div></div> </a> <a class="side-news-item" href="/news/6010"> <div class="thumb"><img src="http://pic.xiahunao.cn/yaotu/拒绝模板脸：从零搭建校园门户网站建设方案全解析" alt="拒绝模板脸：从零搭建校园门户网站建设方案全解析" width="80" height="60" /></div> <div class="info"><div class="t-title">拒绝模板脸：从零搭建校园门户网站建设方案全解析</div><div class="t-date">2026/9/26 21:46:44</div></div> </a> <a class="side-news-item" href="/news/6009"> <div class="thumb"><img src="http://pic.xiahunao.cn/yaotu/dede5.7网站搬家踩坑实录：3步用免费工具解决被黑挂马难题" alt="dede5.7网站搬家踩坑实录：3步用免费工具解决被黑挂马难题" width="80" height="60" /></div> <div class="info"><div class="t-title">dede5.7网站搬家踩坑实录：3步用免费工具解决被黑挂马难题</div><div class="t-date">2026/9/26 21:46:11</div></div> </a> </div> <div class="side-block"> <h4>周榜新闻</h4> </div> <div class="side-block"> <h4>日榜新闻</h4> </div> <div class="side-block"> <h4>月榜新闻</h4> </div> </aside> </div> </div> </section> <!-- 相关服务推荐（新增） --> <section class="precision-section beige"> <div class="container"> <div class="section-head center reveal"> <div class="section-num">RELATED SERVICES / 01</div> <h2>这篇内容背后，是一整套海外设备建站能力</h2> <p>无论是整站搭建、参数呈现，还是询盘转化与海外推广，我们都能把文章里的方法落地到您的官网上。</p> </div> <div class="service-matrix reveal"> <a class="svc-cell" href="/service-overseas.html"><div class="svc-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="3" y="3" width="18" height="18" rx="1"/><path d="M3 9h18M9 21V9"/></svg></div><h4>海外设备整站搭建</h4><p>从信息架构到栏目预留，搭建可生长的海外站点骨架。</p></a> <a class="svc-cell" href="/service-params.html"><div class="svc-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M4 6h16M4 12h16M4 18h16"/><circle cx="8" cy="6" r="1.5" fill="currentColor"/><circle cx="14" cy="12" r="1.5" fill="currentColor"/><circle cx="10" cy="18" r="1.5" fill="currentColor"/></svg></div><h4>设备参数展示页面</h4><p>规格参数、技术指标与对比表格，专业呈现设备核心数据。</p></a> <a class="svc-cell" href="/service-form.html"><div class="svc-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><path d="M14 2v6h6M16 13H8M16 17H8"/></svg></div><h4>设备询盘对接模块</h4><p>多入口表单、字段策略与提交体验，把浏览转为线索。</p></a> <a class="svc-cell" href="/service-seo.html"><div class="svc-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.35-4.35"/></svg></div><h4>设备外贸SEO布局</h4><p>多语言关键词、结构化数据与海外搜索引擎优化策略。</p></a> </div> </div> </section> <!-- 建站解决方案引导（新增） --> <section class="precision-section"> <div class="container"> <div class="section-head center reveal"> <div class="section-num">WHY AFRISURG / 02</div> <h2>把文章里的方法，变成您企业的官网竞争力</h2> <p>读到一篇好文章只是开始，真正的价值在于把它系统地落实到站点建设中。</p> </div> <div class="advantage-grid reveal"> <div class="adv-cell"> <div class="adv-num">01 / TARGETED</div> <div class="adv-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.35-4.35"/></svg></div> <h3>按设备品类定制</h3> <p>不同设备品类的海外采购逻辑不同，我们按影像、器械、试剂等品类定制栏目与内容策略。</p> </div> <div class="adv-cell"> <div class="adv-num">02 / CREDIBLE</div> <div class="adv-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div> <h3>专业正规的视觉</h3> <p>极简黑白医疗风与原创页面骨架，让海外采购商第一眼就建立"正规制造商"的判断。</p> </div> <div class="adv-cell"> <div class="adv-num">03 / CONVERT</div> <div class="adv-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><path d="M14 2v6h6M16 13H8M16 17H8"/></svg></div> <h3>以询盘为导向</h3> <p>所有页面设计都围绕"让海外客户更容易发起咨询"展开，把流量沉淀为可跟进的线索。</p> </div> <div class="adv-cell"> <div class="adv-num">04 / LONG TERM</div> <div class="adv-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg></div> <h3>长期运维延续</h3> <p>上线不是终点，持续的内容更新、安全巡检与性能维护，让官网随业务长期增值。</p> </div> </div> </div> </section> <!-- 数据佐证（新增） --> <section class="precision-section tight"> <div class="container"> <div class="stat-band reveal"> <div class="stat-item"><div class="stat-num"><span data-count="420" data-suffix="+">0</span></div><div class="stat-lbl">海外设备官网交付</div></div> <div class="stat-item"><div class="stat-num"><span data-count="15" data-suffix="">0</span></div><div class="stat-lbl">核心服务模块</div></div> <div class="stat-item"><div class="stat-num"><span data-count="36" data-suffix="+">0</span></div><div class="stat-lbl">国家地区覆盖</div></div> <div class="stat-item"><div class="stat-num"><span data-count="9" data-suffix="年">0</span></div><div class="stat-lbl">海外建站沉淀</div></div> </div> </div> </section> <!-- 更多案例（新增） --> <section class="precision-section beige"> <div class="container"> <div class="flex-between reveal" style="margin-bottom:44px;flex-wrap:wrap;gap:16px;"> <div class="section-head mb-0" style="margin-bottom:0;"> <div class="section-num">MORE CASES / 03</div> <h2>看看这些方法在真实项目里的落地效果</h2> </div> <a class="txt-link" href="/cases.html">浏览全部案例</a> </div> <div class="case-grid reveal"> <a class="case-card" href="/case-show7.html"><div class="case-img"><span class="case-tag">体外诊断</span><img src="/images/case7.jpg" alt="海外体外诊断设备企业官网案例" width="400" height="230" /></div><div class="case-body"><h3 class="case-title">ProDiag 体外诊断品牌站</h3><p class="case-desc">为体外诊断设备企业搭建试剂与仪器配套展示体系，海外经销商询盘质量明显提升。</p><div class="case-meta"><span>2024.12 上线</span><span>体外诊断</span></div></div></a> <a class="case-card" href="/case-show8.html"><div class="case-img"><span class="case-tag">输液护理</span><img src="/images/case8.jpg" alt="海外输液护理设备企业官网案例" width="400" height="230" /></div><div class="case-body"><h3 class="case-title">FlowCare 输液护理设备站</h3><p class="case-desc">围绕输注设备产品线构建应用场景与合规资质专区，支撑海外医院与经销双渠道。</p><div class="case-meta"><span>2024.11 上线</span><span>输液护理</span></div></div></a> <a class="case-card" href="/case-show9.html"><div class="case-img"><span class="case-tag">康复理疗</span><img src="/images/case9.jpg" alt="海外康复理疗设备企业官网案例" width="400" height="230" /></div><div class="case-body"><h3 class="case-title">ThermaCare 康复理疗方案站</h3><p class="case-desc">为康复理疗设备企业设计按科室组织的解决方案栏目，提升海外客户的产品匹配效率。</p><div class="case-meta"><span>2024.10 上线</span><span>康复理疗</span></div></div></a> </div> </div> </section> <!-- 咨询 CTA（新增） --> <section class="precision-section"> <div class="container"> <div class="cta-banner reveal"> <div><h2>把这篇文章的思路，用在您自己的官网上</h2><p>预约一次免费的方案沟通，我们会结合您的设备品类与目标市场，给出可落地的海外站点改进建议。</p></div> <div class="flex gap-2" style="justify-content:flex-end;flex-wrap:wrap;"><a class="btn btn-light btn-lg" href="/contact.html">立即咨询</a><a class="btn btn-outline btn-lg" href="/prices.html">查看报价</a></div> </div> </div> </section> </main> <footer class="site-footer"> <div class="container"> <div class="footer-grid"> <div class="footer-col footer-brand"> <a class="brand" href="index.html"> <div class="brand-mark">A</div> <span class="brand-text">阿非苏格建站<small>AFRISURG GLOBAL WEB STUDIO</small></span> </a> <p style="margin-top:18px;">阿非苏格建站主打海外医疗设备通用建站，适配器械设备、技术出口、海外商贸企业，以国际医疗简约、专业干净、正规严谨为核心，打造专业正规、适配海外推广的设备类通用官网。</p> <div class="footer-social"> <a href="contact.html" aria-label="联系"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"/></svg></a> <a href="news.html" aria-label="资讯"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 19.5A2.5 2.5 0 016.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z"/></svg></a> <a href="contact.html" aria-label="邮箱"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="5" width="18" height="14" rx="1"/><path d="M3 7l9 6 9-6"/></svg></a> </div> </div> <div class="footer-col"><h4>核心服务</h4><ul> <li><a href="service-overseas.html">海外设备整站搭建</a></li> <li><a href="service-design.html">国际专业网页设计</a></li> <li><a href="service-responsive.html">全球终端适配</a></li> <li><a href="service-seo.html">设备外贸SEO布局</a></li> <li><a href="service-backend.html">设备产品后台</a></li> <li><a href="service-security.html">站点安全防护</a></li> </ul></div> <div class="footer-col"><h4>解决方案</h4><ul> <li><a href="solution-medical.html">医疗器械企业方案</a></li> <li><a href="solution-equipment.html">设备制造企业方案</a></li> <li><a href="solution-trade.html">海外商贸企业方案</a></li> <li><a href="solution-tech.html">技术出口企业方案</a></li> <li><a href="solution-startup.html">初创企业方案</a></li> <li><a href="solution-enterprise.html">大型企业方案</a></li> </ul></div> <div class="footer-col"><h4>关于我们</h4><ul> <li><a href="about.html">公司简介</a></li> <li><a href="about-history.html">发展历程</a></li> <li><a href="about-team.html">团队介绍</a></li> <li><a href="about-culture.html">企业文化</a></li> <li><a href="about-honor.html">荣誉资质</a></li> <li><a href="join.html">加入我们</a></li> </ul></div> <div class="footer-col"><h4>联系方式</h4> <ul class="footer-contact"> <li><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 21s-7-6-7-11a7 7 0 0114 0c0 5-7 11-7 11z"/><circle cx="12" cy="10" r="2.5"/></svg></span><span>河南省郑州市郑东新区CBD商务外环路10号阿非苏格大厦12层</span></li> <li><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M5 4h4l2 5-3 2a11 11 0 005 5l2-3 5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z"/></svg></span><span>400-668-8866 / 0371-6688 8866</span></li> <li><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="5" width="18" height="14" rx="1"/><path d="M3 7l9 6 9-6"/></svg></span><span>hello@afrisurg.com</span></li> <li><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg></span><span>周一至周五 09:00 - 18:30</span></li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2026 阿非苏格建站 afrisurg.com 海外医疗设备通用建站. 保留所有权利.</p> <p class="footer-icp"> <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">豫ICP备2026008866号-1</a><span style="margin:0 10px;">|</span> <a href="privacy.html">隐私政策</a><span style="margin:0 10px;">|</span> <a href="terms.html">服务条款</a><span style="margin:0 10px;">|</span> <a href="sitemap.html">网站地图</a> </p> </div> </div> </footer> <a class="back-to-top" href="#" aria-label="返回顶部"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 19V5M5 12l7-7 7 7"/></svg> </a> <script src="js/main.js"></script></body></html>