新闻详情

新手入门怎么在WordPress添加不被建站公司坑高价</h1> <div class="article-meta"> <span class="meta-item"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg> 发布时间：2026/11/5 1:54:55 </span> <span class="meta-item"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></svg> 作者：尧图运营顾问团 </span> <span class="meta-item"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z"/></svg> 分类：行业资讯 </span> </div> </div></section><section class="section"> <div class="wrap pg-row"> <div class="pg-main"> <article class="article-body reveal"> <img src="http://pic.xiahunao.cn/yaotu/新手入门怎么在WordPress添加<iframe>不被建站公司坑高价" alt="新手入门怎么在WordPress添加<iframe>不被建站公司坑高价" width="900" height="520" /> <h1 id="wordpress">新手入门怎么在WordPress添加<iframe>不被建站公司坑高价</h1> <p>找建站公司怕被坑高价，特别是对WordPress这些基础操作一窍不通的新手，动不动就被人哄抬价格，说几句“专业定制”“深度开发”就能收几千块。其实很多功能，比如在WordPress里添加一个<iframe>，根本不用找人代劳，自己十几分钟就能搞定。这篇文章就从零开始，手把手教你<strong>新手入门怎么在WordPress添加<iframe></strong>，帮你省下一笔“智商税”。</p> <hr /> <h2 id="section">项目背景与需求</h2> <p>假设你正在给一个本地小企业搭建官网，客户希望网站上能嵌入一个地图，或者显示第三方的报价表、直播画面等。这时候你可能需要在页面中插入一个<code><iframe></code>元素。</p> <p>但很多新手第一次接触WordPress的时候，都会被各种插件和编辑器搞晕，以为只有通过插件才能实现这些功能，或者只能找专业开发人员。实际上，WordPress本身内置的编辑器就支持插入<code><iframe></code>标签，不需要额外收费插件，也不需要找人代劳。</p> <p>如果你是负责建站的市场推广人员，或者是一个刚刚开始做网站开发的新人，了解这些“隐藏功能”不仅能提升你的专业度，还能帮你避免被客户坑高价，因为你完全可以自己操作。</p> <hr /> <h2 id="wordpress-html">技术选型：WordPress + 原生HTML标签</h2> <p>WordPress作为目前全球使用最广泛的CMS系统，其核心优势之一就是<strong>高兼容性</strong>与<strong>高度自定义能力</strong>。对于像<code><iframe></code>这种基础的HTML标签，WordPress默认是完全支持的，不需要额外安装插件。</p> <h3 id="html">为什么选择原生HTML方式？</h3> <ul> <li><strong>成本低</strong>：不需要购买插件或找人代劳。</li> <li><strong>兼容性强</strong>：主流浏览器都支持<code><iframe></code>标签。</li> <li><strong>易于维护</strong>：代码清晰，后期修改方便。</li> <li><strong>适合新手入门</strong>：无需复杂的配置，只需基础的HTML知识。</li> </ul> <p>当然，如果你需要更复杂的嵌入功能，比如动态加载内容、权限控制、安全过滤等，那可能需要结合插件（如Embed Plus、Advanced Custom Fields等），但这些属于进阶操作，不属于新手入门的范畴。</p> <hr /> <h2 id="wordpress-1">核心实现：在WordPress中添加<iframe>代码</h2> <h3 id="section-1">步骤一：编辑页面或文章</h3> <p>登录到WordPress后台，进入<strong>页面管理</strong>或<strong>文章管理</strong>，点击“编辑”按钮打开你想要添加<code><iframe></code>的页面。</p> <h3 id="section-2">步骤二：切换到“文本”编辑模式</h3> <p>默认情况下，WordPress的编辑器是“可视化”模式，看起来像Word文档。你需要点击右上角的“<strong>文本</strong>”按钮，切换到HTML编辑模式。</p> <blockquote> <p>⚠️ 注意：在“可视化”模式下，如果你直接粘贴<code><iframe></code>标签，可能会被自动过滤掉，或者被转换成其他格式。所以一定要使用“文本”模式。</p> </blockquote> <h3 id="iframe">步骤三：粘贴iframe代码</h3> <p>现在你就可以直接粘贴以下格式的代码了：</p> <pre><code class="language-html"><iframe src="https://example.com" width="100%" height="500" frameborder="0" allowfullscreen></iframe> </code></pre> <blockquote> <p>⚠️ 提示：请将上面代码中的<code>https://example.com</code>替换为你实际需要嵌入的网址。</p> </blockquote> <ul> <li><code>src</code>：iframe加载的页面地址。</li> <li><code>width</code> 和 <code>height</code>：控制iframe的宽高。</li> <li><code>frameborder="0"</code>：去除边框。</li> <li><code>allowfullscreen</code>：允许全屏显示。</li> </ul> <h3 id="section-3">步骤四：保存并预览</h3> <p>点击“更新”或“发布”按钮保存你的修改，然后在前端预览页面，确认iframe是否正常显示。</p> <hr /> <h2 id="section-4">上线与优化：部署前的注意事项</h2> <p>虽然添加<code><iframe></code>看似简单，但在上线之前，有几点需要特别注意，以确保网站的安全性、兼容性与SEO效果。</p> <h3 id="section-5">1. 检查安全性</h3> <ul> <li>确保嵌入的第三方网站是<strong>可信来源</strong>，避免引入恶意代码。</li> <li>使用<code>allowfullscreen</code>时，要确认对方网站是否允许全屏播放，否则可能影响用户体验。</li> <li>在WordPress中，有些主题或插件会对<code><iframe></code>标签进行过滤，建议在页面或文章中使用“文本”编辑模式，并在保存后检查代码是否被正确保留。</li> </ul> <h3 id="seo">2. SEO优化建议</h3> <p>虽然<code><iframe></code>标签本身对SEO影响不大，但如果你希望搜索引擎能抓取嵌入内容，可以考虑以下方法：</p> <ul> <li>在页面中添加合适的标题、描述和关键词，用于引导搜索引擎理解页面内容。</li> <li>如果嵌入的是重要内容（如产品介绍、价格表等），建议在页面中也用文字复述一部分，避免内容完全依赖<code><iframe></code>。</li> </ul> <h3 id="section-6">3. 移动端适配</h3> <p>确保iframe的宽高比例和尺寸在移动端也能正常显示，建议使用百分比宽度（<code>width="100%"</code>）来适应不同设备的屏幕。</p> <h3 id="ssl">4. 域名与SSL证书</h3> <p>如果你打算上线正式网站，建议为网站申请<strong>SSL证书</strong>，以保证数据传输的安全性。同时，确保你的域名已经完成<strong>ICP备案</strong>（在中国大陆地区）。</p> <blockquote> <p>💡 小贴士：你可以在<a href="https://github.com/WordPress/WordPress">GitHub开源仓库</a>中找到WordPress官方的开发文档，里面有详细说明如何使用HTML标签进行内容嵌入，是新手学习的好资料。</p> </blockquote> <hr /> <h2 id="section-7">经验总结：新手入门避免踩坑的几个要点</h2> <ol> <li><p><strong>别轻信“专业定制”</strong>：很多“专业定制”服务其实只是在做基础功能，像添加<code><iframe></code>这种操作，完全可以自己完成。</p> </li> <li><p><strong>学会使用“文本”模式</strong>：在WordPress编辑器中，记得切换到“文本”模式再粘贴代码，否则可能会被自动过滤。</p> </li> <li><p><strong>确保第三方网站安全可靠</strong>：嵌入的页面必须是可信来源，否则可能对你的网站安全造成威胁。</p> </li> <li><p><strong>重视SEO和移动端体验</strong>：哪怕只是嵌入一个简单的地图或视频，也要考虑SEO和响应式设计，才能保证网站的访问效果。</p> </li> <li><p><strong>别忘记备份网站数据</strong>：每次修改前，建议先进行一次网站备份，避免操作失误导致网站内容丢失。</p> </li> </ol> <hr /> <p>还有什么建站疑问？评论区留言挨个回</p> </article>  <div class="article-tags reveal"> <span>相关标签：</span> <a href="news.html">陶瓷代运营</a> <a href="news.html">网站运营</a> <a href="news.html">建材行业</a> <a href="news.html">获客技巧</a> </div>  <div class="article-nav reveal"> <a href="show.html" class="an-prev"> <span>← 上一篇</span> <strong>陶瓷卫浴品牌官网该如何做好产品详情页？90%品牌都踩过的坑</strong> </a> <a href="show.html" class="an-next"> <span>下一篇 →</span> <strong>一文讲透：为什么陶瓷建材企业必须做整站SEO而不是零散优化？</strong> </a> </div>  <div class="related-news reveal"> <h3 class="rn-title">继续阅读 · 深度好文推荐</h3> <div class="rn-grid">  <a class="rn-card" href="/news/77669"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/毕业设计做音乐网站可以吗这些注意事项必须知道" alt="毕业设计做音乐网站可以吗这些注意事项必须知道" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/3 23:30:53</span> <span class="cat">相关推荐</span> </div> <h4>毕业设计做音乐网站可以吗这些注意事项必须知道</h4> </div> </a> <a class="rn-card" href="/news/77659"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/30天从0到1做参考文献网站开发对比评测，别让网站做出来没人看" alt="30天从0到1做参考文献网站开发对比评测，别让网站做出来没人看" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/3 23:28:59</span> <span class="cat">相关推荐</span> </div> <h4>30天从0到1做参考文献网站开发对比评测，别让网站做出来没人看</h4> </div> </a> <a class="rn-card" href="/news/77649"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/网站怎么样做不违规新手入门：从零搭建避免踩坑" alt="网站怎么样做不违规新手入门：从零搭建避免踩坑" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/3 23:27:24</span> <span class="cat">相关推荐</span> </div> <h4>网站怎么样做不违规新手入门：从零搭建避免踩坑</h4> </div> </a>  <a class="rn-card" href="/news/87739"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/选对wordpress图片广告插件才能防黑，建站报价别再踩坑" alt="选对wordpress图片广告插件才能防黑，建站报价别再踩坑" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 1:54:49</span> <span class="cat">最新发布</span> </div> <h4>选对wordpress图片广告插件才能防黑，建站报价别再踩坑</h4> </div> </a> <a class="rn-card" href="/news/87729"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/WordPress插件FTP性能优化：网站被黑挂马不知道怎么办？这样排查快准狠" alt="WordPress插件FTP性能优化：网站被黑挂马不知道怎么办？这样排查快准狠" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 1:53:00</span> <span class="cat">最新发布</span> </div> <h4>WordPress插件FTP性能优化：网站被黑挂马不知道怎么办？这样排查快准狠</h4> </div> </a> <a class="rn-card" href="/news/87719"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/手机网站制作服务机构多少钱？被黑挂马别慌，这样解决更划算" alt="手机网站制作服务机构多少钱？被黑挂马别慌，这样解决更划算" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 1:51:37</span> <span class="cat">最新发布</span> </div> <h4>手机网站制作服务机构多少钱？被黑挂马别慌，这样解决更划算</h4> </div> </a> <a class="rn-card" href="/news/87709"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/WordPress使用mysqli做性能优化的坑与避坑指南" alt="WordPress使用mysqli做性能优化的坑与避坑指南" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 1:50:19</span> <span class="cat">最新发布</span> </div> <h4>WordPress使用mysqli做性能优化的坑与避坑指南</h4> </div> </a> <a class="rn-card" href="/news/87699"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/镇江网站关键词优化哪家好从备案到上线全解析" alt="镇江网站关键词优化哪家好从备案到上线全解析" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 1:48:48</span> <span class="cat">最新发布</span> </div> <h4>镇江网站关键词优化哪家好从备案到上线全解析</h4> </div> </a> <a class="rn-card" href="/news/87689"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/seo知乎怎么选避坑指南：备案流程一头雾水？这样选不踩坑" alt="seo知乎怎么选避坑指南：备案流程一头雾水？这样选不踩坑" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 1:46:41</span> <span class="cat">最新发布</span> </div> <h4>seo知乎怎么选避坑指南：备案流程一头雾水？这样选不踩坑</h4> </div> </a>  <a class="rn-card" href="/news/50599"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/品牌网站策划书哪家好真实案例教你避开建站公司的坑" alt="品牌网站策划书哪家好真实案例教你避开建站公司的坑" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:00:21</span> <span class="cat">本周热读</span> </div> <h4>品牌网站策划书哪家好真实案例教你避开建站公司的坑</h4> </div> </a> <a class="rn-card" href="/news/50608"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/石家庄网络推广建站多少钱企业网站没人访问就白搭了" alt="石家庄网络推广建站多少钱企业网站没人访问就白搭了" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:02:02</span> <span class="cat">本周热读</span> </div> <h4>石家庄网络推广建站多少钱企业网站没人访问就白搭了</h4> </div> </a> <a class="rn-card" href="/news/50617"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/免费的企业建站系统选哪家好" alt="免费的企业建站系统选哪家好" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:03:48</span> <span class="cat">本周热读</span> </div> <h4>免费的企业建站系统选哪家好</h4> </div> </a>  <a class="rn-card" href="/news/87009"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/农产品的网站建设与维护论文注意事项：网站做好了没人访问怎么破？" alt="农产品的网站建设与维护论文注意事项：网站做好了没人访问怎么破？" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 0:01:28</span> <span class="cat">今日速览</span> </div> <h4>农产品的网站建设与维护论文注意事项：网站做好了没人访问怎么破？</h4> </div> </a> <a class="rn-card" href="/news/87019"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/广东建设业协会网站怎么选，免费工具帮你避开建站陷阱" alt="广东建设业协会网站怎么选，免费工具帮你避开建站陷阱" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 0:02:39</span> <span class="cat">今日速览</span> </div> <h4>广东建设业协会网站怎么选，免费工具帮你避开建站陷阱</h4> </div> </a> <a class="rn-card" href="/news/87029"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/2026最新找建站公司怕被坑高价？网络网站推广选择乐云seo全攻略" alt="2026最新找建站公司怕被坑高价？网络网站推广选择乐云seo全攻略" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 0:04:19</span> <span class="cat">今日速览</span> </div> <h4>2026最新找建站公司怕被坑高价？网络网站推广选择乐云seo全攻略</h4> </div> </a>  <a class="rn-card" href="/news/50599"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/品牌网站策划书哪家好真实案例教你避开建站公司的坑" alt="品牌网站策划书哪家好真实案例教你避开建站公司的坑" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:00:21</span> <span class="cat">月度精选</span> </div> <h4>品牌网站策划书哪家好真实案例教你避开建站公司的坑</h4> </div> </a> <a class="rn-card" href="/news/50608"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/石家庄网络推广建站多少钱企业网站没人访问就白搭了" alt="石家庄网络推广建站多少钱企业网站没人访问就白搭了" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:02:02</span> <span class="cat">月度精选</span> </div> <h4>石家庄网络推广建站多少钱企业网站没人访问就白搭了</h4> </div> </a> <a class="rn-card" href="/news/50617"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/免费的企业建站系统选哪家好" alt="免费的企业建站系统选哪家好" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:03:48</span> <span class="cat">月度精选</span> </div> <h4>免费的企业建站系统选哪家好</h4> </div> </a> </div> </div> </div>  <aside class="pg-side">  <div class="side-card reveal"> <div class="author-card"> <div class="author-ava"> <img src="./images/team1.jpg" alt="尧图运营顾问团" width="76" height="76" /> </div> <h4>尧图运营顾问团</h4> <p>12年陶瓷建材行业建站与代运营经验，累计服务386+品牌客户。</p> <a href="about.html" class="btn btn-honey">了解我们的团队</a> </div> </div>  <div class="side-card reveal delay-1"> <h4 class="side-title">资讯分类</h4> <ul class="side-cats"> <li><a href="news.html"><span class="dot"></span> 陶瓷建材行业动态 <small>128 篇</small></a></li> <li><a href="news.html"><span class="dot honey"></span> 网站建设与技术 <small>86 篇</small></a></li> <li><a href="news.html"><span class="dot lotus"></span> SEO优化实操 <small>104 篇</small></a></li> <li><a href="news.html"><span class="dot"></span> 代运营经验分享 <small>72 篇</small></a></li> <li><a href="news.html"><span class="dot honey"></span> 客户成功案例 <small>46 篇</small></a></li> <li><a href="news.html"><span class="dot lotus"></span> 行业政策法规 <small>28 篇</small></a></li> </ul> </div>  <div class="side-card reveal delay-2"> <h4 class="side-title">本月热门 TOP 5</h4> <ol class="side-hot"> <li><span class="rank">1</span><a href="show.html">2026年陶瓷建材行业线上获客趋势：经销商渠道加速线上化</a></li> <li><span class="rank">2</span><a href="show.html">百度SEO最新算法更新解读：为什么你的陶瓷官网突然没流量了？</a></li> <li><span class="rank">3</span><a href="show.html">VR展厅 vs 3D产品展示：陶瓷品牌该怎么选？一篇讲透</a></li> <li><span class="rank">4</span><a href="show.html">官网被挂马怎么办？陶瓷企业网站安全防护完整攻略</a></li> <li><span class="rank">5</span><a href="show.html">代运营合同签多少年最划算？386家陶瓷客户真实数据对比</a></li> </ol> </div>  <div class="side-card side-cta reveal delay-3"> <h4>想要官网询盘翻倍？<br/>免费领取代运营诊断</h4> <p>24小时内出具专属方案，含现状分析、竞品对标、关键词策略建议。</p> <a href="contact.html" class="btn btn-primary">立即免费获取</a> </div> </aside> </div></section></main><footer class="footer" role="contentinfo"> <div class="wrap"> <div class="footer-grid"> <div class="footer-brand"> <div class="f-logo"> <div class="logo-mark"> <img src="./images/logo.jpg" alt="尧图网络Logo" width="44" height="44" /> </div> <div> <strong>北京尧图网络科技有限公司</strong> <span>YAOTU · CERAMIC OPS</span> </div> </div> <p class="f-desc"> 专注陶瓷建材企业官网全案托管代运营12年，「建站 + 托管 + 营销 + 数据」四位一体，让您的官网真正成为线上获客机器。 </p> <div class="f-contact"> <p><span class="dot-icon"></span>全国服务热线：400-888-0088</p> <p><span class="dot-icon"></span>商务合作邮箱：business@rwkt.cn</p> <p><span class="dot-icon"></span>公司地址：北京市朝阳区建国路88号SOHO现代城A座1208</p> </div> </div> <div class="footer-col"> <h4>核心服务</h4> <ul> <li><a href="service-operation.html">陶瓷企业官网代运营</a></li> <li><a href="service-custom.html">定制化网站建设</a></li> <li><a href="service-hosting.html">站点日常运维托管</a></li> <li><a href="service-3d.html">3D产品动态展示</a></li> <li><a href="service-vr.html">VR全景展厅搭建</a></li> <li><a href="service-marketing.html">建材线上营销推广</a></li> </ul> </div> <div class="footer-col"> <h4>增值运维</h4> <ul> <li><a href="service-security.html">网站安全防护维护</a></li> <li><a href="service-data.html">运营数据统计分析</a></li> <li><a href="service-content.html">陶瓷产品内容更新</a></li> <li><a href="service-leads.html">建材企业线上获客</a></li> <li><a href="service-bugfix.html">官网BUG故障修复</a></li> <li><a href="service-seo.html">建材网站SEO运维</a></li> </ul> </div> <div class="footer-col"> <h4>快速导航</h4> <ul> <li><a href="index.html">返回首页</a></li> <li><a href="case.html">精选案例</a></li> <li><a href="pricing.html">服务套餐</a></li> <li><a href="about.html">关于我们</a></li> <li><a href="news.html">新闻资讯</a></li> <li><a href="contact.html">联系我们</a></li> <li><a href="sitemap.html">站点地图</a></li> </ul> </div> </div> <div class="footer-bottom"> <span>© 2014 - 2026 北京尧图网络科技有限公司版权所有 · YAOTU All Rights Reserved.</span> <span><a href="index.html" style="color:inherit; text-decoration:none;">返回首页</a></span> </div> </div></footer><button class="back-top" aria-label="返回顶部" style="position:fixed; right:28px; bottom:36px; width:50px; height:50px; border-radius:16px; background:var(--white); box-shadow:var(--shadow-md); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transform:translateY(20px); transition:all .35s ease; z-index:800;"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--lotus-ink)" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg></button><script src="./js/main.js"></script></body></html>