seo的代码(seo需要掌握哪些代码)

2025-09-13 26 次查看

在当今这个信息爆炸的时代，搜索引擎优化（SEO）已经成为网站运营者不可或缺的一部分。SEO的核心目标是通过优化网站内容和代码，提高网站在搜索引擎中的排名，从而吸引更多潜在客户。SEO的代码究竟有哪些奥秘呢？本文将带你一起揭开这个神秘的面纱。

一、SEO代码的重要性

1. 提升网站排名：搜索引擎通过分析网站代码，判断网站的质量和相关性。优化代码有助于提高网站在搜索引擎中的排名。

2. 改善用户体验：合理的代码结构有助于提高网站加载速度，提升用户体验。

3. 降低运营成本：优化代码可以减少服务器资源消耗，降低网站运营成本。

二、SEO代码优化技巧

1. 网站结构

清晰的目录结构：将网站内容分类，便于搜索引擎抓取和用户浏览。

合理的URL结构：使用简洁、具有描述性的URL，方便用户记忆和搜索引擎抓取。

面包屑导航：帮助用户了解当前页面在网站中的位置，提高用户体验。

2. HTML标签

标题标签（）</strong>：确保每个页面都有一个独特的标题，包含关键词。</p> <p style="text-indent:2em"><strong>描述标签（<meta name="</p> <h3>学seo要知道什么代码</h3> <p style="text-indent:2em">学seo要知道什么代码？</p> <p style="text-indent:2em">不懂代码就不能做seo？答案是否定的。懂与网站优化相关的代码，能更好的从事seo优化相关工作，能提升优化网站工作效率。学seo要知道什么代码，代码方面的知识，分布于前端代码HTML+CSS，JavaScript，分布于部分语言如PHP，ASP等。</p> <p style="text-indent:2em">学seo到底要知道什么代码才可行？实际上，没有一个严格的说法。实际上，技多不压身是古语，了解更多，才能更好的学习seo，操作seo。</p> <p style="text-indent:2em">从广义上来讲SEO是属于推广网站，编程开发做网站属于建站。两者表面上看不相关，目前针对中小型网站的网站运营模式也不相关。</p> <p style="text-indent:2em">1、多数企业的网站找建站公司建设完成过后就交给聘请的SEO人员进行管理了。而很多SEO人员只会点SEO基础，写点文章发发外链，当一个“超级”编辑。其实SEO会贯穿整个网站建设+运营的过程，从网站打算建站到后续的网络营销推广，SEO都需要参与其中负责一块。</p> <p style="text-indent:2em">2、建站过程中需要SEO参与讨论的问题其实都是建站开发程序员该考虑到的问题，如果中国的程序员在建站过程中一切按照W3C去写HTML与CSS，那么HTML代码上面SEO参与的相对来说算是比较少的。但是可悲的是，中国程序员很少严格按照规范去做的。所以建站开发过程很多需要SEO去参与并集合SEO需要优化的地方给予优化。</p> <p style="text-indent:2em">3、SEO不需要会用高级代码语言建站。如PHP、C#.NET、ASP、Java等等。但是你得了解整个网站构成和各种语言的简介，以及会下载开源程序如织梦快速完成一个平台的搭建。如果你采用虚拟主机，你得弄清楚虚拟主机控制面板上面的所有功能，都干嘛的。如404，301，默认首页设置，域名绑定与解析、网站编码问题、目录权限等。如你使用的Windows服务器至少得了解IIS的所有需要用到的功能。</p> <p style="text-indent:2em">为了更进一步阐述学习seo与掌握代码方面的关系，网摘一段内容，如下：</p> <p style="text-indent:2em">想必很多朋友都遇到过这样的网站，浏览器访问可以看见网站内容很丰富，但是一看百度快照只有框架，没有任何文字。这种就是开发程序员乱用技术(AJAX)的后果，虽然从技术上考虑这样没的问题。但是从优化和该技术实现的最终目的来看，这是程序员自己不按照规范处理的问题。</p> <p style="text-indent:2em">而对于一个程序员来说，他们要研究的是技术而并非网站运营问题。大公司技术部门和推光营销部门分工明细，各种环节都有人监控并把握。对于小公司来说或许就一个推广部门，或许就一个不懂SEO推广的技术与一个苦逼SEO。</p> <p style="text-indent:2em">我们可以想想如果你不懂代码优化、不懂HTML，只知道写文章发外链。时间长了百度依然没有收录，这时候你就会很迷茫。连个收录都没的或者收录甚少，会严重打击你的积极性。可能这些问题就是因为程序员开发不当乱用技术造成的，而你如果不懂技术，你要做的就是遇到一个牛逼的程序员。要不然你就得懂，并指导他操作。并不要求你去处理技术上的东西。</p> <p style="text-indent:2em">SEO需要自己会做网站吗?</p> <p style="text-indent:2em">做SEO并不是一定要自己会做网站，原因很简单，SEO操作的仅仅的了解什么技术不能干什么?如目前重要信息不能放在FALSH、JS、iFROM、AJAX里面。并不是喊你去学会做FASLH。网站建站和SEO名义上没什么关联。SEO涉及到的只有用哪个技术问题完成什么功能和HTML问题。其他优化问题其实应该说是程序员自身该考虑的问题，而并非SEO需要协助程序员完成的。如：代码执行效率、代码安全、易于维护等等。</p> <p style="text-indent:2em">SEO需要了解并熟悉HTML：作为SEO需要了解并熟悉HTML以及CSS的原理以及能看懂并简单修改。再者就是需要了解网站服务器执行原理，客户端浏览器执行原理以及浏览器渲染加载页面元素的原理。只有明白这些，你才能更好的优化你的网站。HTML和CSS并不难，只要肯下功夫认真去学习两天即可搞定。很多人不懂，看着代码晕乎不是因为他比别人笨而是因为他心里懦弱了。</p> <p style="text-indent:2em">学习seo，需要了解尽可能多的与网站优化相关的代码，了解得越多，才能更好的学习seo。具体要做到什么代码？一般的要求是掌握HTML即DIV+CSS，熟悉权重标签如H1，ALT，熟悉JAVASCRIPT，熟悉PHP代码构建的建站系统，掌握精简代码提升网站打开速度等。</p> <h3>Seo需要懂哪些代码知识</h3> <p style="text-indent:2em"> SEO不需要懂太多专业的代码知识，但一些基础的代码以及标签，还是需要知道的。因为这会对SEO工作有很大的帮助。</p> <p style="text-indent:2em">1、TDK标签</p> <p style="text-indent:2em">seo工作常接触的应该就是TDK标签了，TDK分别是Title网站标题、Keywords网站关键字和Description网站描述。这三个标签是每个seo优化人员都要掌握的，TDK设置是否合适直接影响这网站的收录情况，title是否符合要求，Keywords是否能够涵盖正确的关键字，Description是否能够在规定范围内准确描述页面内容都影响这收录情况。</p> <p style="text-indent:2em">2、H1标签</p> <p style="text-indent:2em">Heading标签也叫做H标签，HTML语言里一共有六种大小的heading标签，是网页html中对文本标题所进行的着重强调的一种标签。H标签中包含H1到H6，但是H1每个网页中只有一个，一般用来强调文章标题，正文中小标题一般采用H2到H6标签。所以在seo优化过程中要利用好H1标签，特别实在专题网页中文字较少，利用H1标签强调整体内容更有利于搜索引擎收录。</p> <p style="text-indent:2em">3、ALT标签</p> <p style="text-indent:2em">因为图片不具有SEO属性，所以alt越显重要。对图片的描述性说明，当用户无法查看页面中的图片(或图片无法正常显示时)使用ALT属性，可显示其说明文字。ALT主要是图片描述说明只用，用可以增加关键词密度，但切记不可过多频繁。</p> <p style="text-indent:2em">4、nofllow标签</p> <p style="text-indent:2em">很多seoer喜欢说nofllow标签，其实nofllow并不是一个标签它只是html标签的一个属性。通常认为用了nofllow属性的链接不会被搜索引擎跟踪，更不会给链接页面传递权重。最常使用的方式是用nofllow属性来避免页面权重不必要的流失从而达到权重集中的目的。</p> <p style="text-indent:2em">5、mate标签</p> <p style="text-indent:2em">meta标签在SEO中有一个非常主要作使用：设置关键词，利使用主页关键词的设置来博得各大搜索引擎的关注，加强网站收录，提升访问量及曝光度，这时最关键的对Keywords和deion的设置。一般情况下，搜索引擎会先会派出机器人自动检索页面中的keywords和decription，并将其加入到自己的数据库，而后依据关键词的密度进行网站排序，所以，我们必需认真对待网站关键词的选择，选对关键词，提升页面的点击率，提升网站的排名。</p> <p style="text-indent:2em">6、Strong标签</p> <p style="text-indent:2em">Strong标签在形式上是加粗的用法，但是Strong标签不仅是对文字加粗，并且这种形式的加粗会告诉搜索引擎该部分文字比较重要。所以两者从搜索引擎优化的角度来看，是有很大的区别的。Heading标签一般用于文章大标题以及每段的小标题，而Strong标签一般用于文章段落中的重点词汇，而B标签一般只是强调一种视觉效果。</p> <p style="text-indent:2em">以上给出SEO需要掌握的基础标签，在seo优化工作中熟练使用这些标签可以达到更好的优化效果，而且在一些细节处理上会增加整体的网站情况，建议seo工作中要注意这些细节。</p> <h3>学seo要哪些基础,需要懂哪些代码</h3> <p style="text-indent:2em"> seo网站优化需要学习的知识有哪些？</p> <p style="text-indent:2em">作者：云飞seo来源：河南seo日期：2010-10-3 17:40:30人气：568标签：seo优化</p> <p style="text-indent:2em">1、研究行业内网民搜索行为，并作出分析。</p> <p style="text-indent:2em">收集整理本行业产品术语、俗语，分析本行业网民行为，从而找出核心关键词、长尾关键词等关键字；本行业seo潜力预估。</p> <p style="text-indent:2em">2、seo网络营销网站网页内容，产品规划。（提高转化率的关键）</p> <p style="text-indent:2em">网页内容应包含产品展示：简明介绍及其优势卖点，给顾客一个买的理由；产品分类要清楚易懂，导航要简明便于客户查找；网站应包含本行业资讯及行业产品知识，以显得专业，给客户信任感；客户见证、成功案例及荣誉资质，增加购买信任感；在线咨询服务，便于客户咨询洽谈；最后，留言板，售后服务，购买联系方法，付款方法。在所有的地方，布置关键词，页面关键词密度：2%-10%最佳。</p> <p style="text-indent:2em">3、搜索引擎友好性设计。</p> <p style="text-indent:2em">页面最好静态化：html；代码简化：使用css；可识别性：图片加alt描述，title等；内链设置：站内链接合理布置，相关页面互相链接。</p> <p style="text-indent:2em">4、内容相关性改进，标题及描述标签等。</p> <p style="text-indent:2em">每个页面每篇文章最好有一个主关键词，这个主关键词应该出现在标题title、描述description及关键字keyword里面。</p> <p style="text-indent:2em">5、核心关键词排名查询，外链接建设，关键词竞争度分析等。</p> <p style="text-indent:2em">研究分析核心关键词排名，及竞争度分析，使用百度指数，谷歌关键字工具等。外链建设，外链是更好更多吸引蜘蛛来访的必要措施。</p> </div> <div class="row align-items-center mt-40"> <div class="col-lg-6"> <div class="blog-tags">标签：</div> </div> <div class="col-lg-6"> <div class="blog-social-icons text-right"></div> </div> </div>  <div class="row mt-80"> <div class="col-lg-12"> <div class="related-blog-title mb-30"> <h3>相关文章</h3> </div> </div> </div> <div class="row "> <div class="col-xl-6 col-lg-6"> <div class="blog-item post-grid bg-shadow"> <div class="img-box"> <img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="seo云排名平台(seo排名工具给您好的建议下载官网)" class="img-fluid"> </div> <div class="blog-content"> <div class="post-meta"> <span><i class="flaticon flaticon-calendar mr-2"></i>2025-09-20</span></div> <h4><a href="https://www.link668.com/seozhishi/2262.html">seo云排名平台(seo排名工具给您好的建议下载官网)</a></h4> <a href="https://www.link668.com/seozhishi/2262.html" class="btn btn-solid-border btn-radius">详细内容</a> </div> </div> </div> <div class="col-xl-6 col-lg-6"> <div class="blog-item post-grid bg-shadow"> <div class="img-box"> <img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="seo建站多长时间(seo需要多久)" class="img-fluid"> </div> <div class="blog-content"> <div class="post-meta"> <span><i class="flaticon flaticon-calendar mr-2"></i>2025-09-20</span></div> <h4><a href="https://www.link668.com/seozhishi/1942.html">seo建站多长时间(seo需要多久)</a></h4> <a href="https://www.link668.com/seozhishi/1942.html" class="btn btn-solid-border btn-radius">详细内容</a> </div> </div> </div> <div class="col-xl-6 col-lg-6"> <div class="blog-item post-grid bg-shadow"> <div class="img-box"> <img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="成都快照seo(成都专业seo公司)" class="img-fluid"> </div> <div class="blog-content"> <div class="post-meta"> <span><i class="flaticon flaticon-calendar mr-2"></i>2025-09-18</span></div> <h4><a href="https://www.link668.com/seozhishi/995.html">成都快照seo(成都专业seo公司)</a></h4> <a href="https://www.link668.com/seozhishi/995.html" class="btn btn-solid-border btn-radius">详细内容</a> </div> </div> </div> <div class="col-xl-6 col-lg-6"> <div class="blog-item post-grid bg-shadow"> <div class="img-box"> <img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="合肥seo哪家好(哪个合肥seo好)" class="img-fluid"> </div> <div class="blog-content"> <div class="post-meta"> <span><i class="flaticon flaticon-calendar mr-2"></i>2025-09-20</span></div> <h4><a href="https://www.link668.com/seozhishi/2040.html">合肥seo哪家好(哪个合肥seo好)</a></h4> <a href="https://www.link668.com/seozhishi/2040.html" class="btn btn-solid-border btn-radius">详细内容</a> </div> </div> </div> <div class="col-xl-6 col-lg-6"> <div class="blog-item post-grid bg-shadow"> <div class="img-box"> <img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="seo站长工具(seo站长工具免费)" class="img-fluid"> </div> <div class="blog-content"> <div class="post-meta"> <span><i class="flaticon flaticon-calendar mr-2"></i>2025-09-22</span></div> <h4><a href="https://www.link668.com/seozhishi/2944.html">seo站长工具(seo站长工具免费)</a></h4> <a href="https://www.link668.com/seozhishi/2944.html" class="btn btn-solid-border btn-radius">详细内容</a> </div> </div> </div> <div class="col-xl-6 col-lg-6"> <div class="blog-item post-grid bg-shadow"> <div class="img-box"> <img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="青岛seo优化价格(青岛seo推广)" class="img-fluid"> </div> <div class="blog-content"> <div class="post-meta"> <span><i class="flaticon flaticon-calendar mr-2"></i>2025-09-20</span></div> <h4><a href="https://www.link668.com/seozhishi/1928.html">青岛seo优化价格(青岛seo推广)</a></h4> <a href="https://www.link668.com/seozhishi/1928.html" class="btn btn-solid-border btn-radius">详细内容</a> </div> </div> </div> <div class="col-xl-6 col-lg-6"> <div class="blog-item post-grid bg-shadow"> <div class="img-box"> <img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="白帽Seo论坛(白帽seo新手怎么做)" class="img-fluid"> </div> <div class="blog-content"> <div class="post-meta"> <span><i class="flaticon flaticon-calendar mr-2"></i>2025-09-19</span></div> <h4><a href="https://www.link668.com/seozhishi/1460.html">白帽Seo论坛(白帽seo新手怎么做)</a></h4> <a href="https://www.link668.com/seozhishi/1460.html" class="btn btn-solid-border btn-radius">详细内容</a> </div> </div> </div> <div class="col-xl-6 col-lg-6"> <div class="blog-item post-grid bg-shadow"> <div class="img-box"> <img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="无锡搜索引擎seo(无锡seo推广)" class="img-fluid"> </div> <div class="blog-content"> <div class="post-meta"> <span><i class="flaticon flaticon-calendar mr-2"></i>2025-09-13</span></div> <h4><a href="https://www.link668.com/seozhishi/71.html">无锡搜索引擎seo(无锡seo推广)</a></h4> <a href="https://www.link668.com/seozhishi/71.html" class="btn btn-solid-border btn-radius">详细内容</a> </div> </div> </div> </div> </div> </div> <div class="col-xl-4"> <div class="blog-sidebar mt-5 mt-lg-0"> <div class="widget widget-search"> <h3 class="widget-title">搜索</h3> <form role="search" name="search" class="search-form" method="get" action="https://www.link668.com/"> <input type="text" name="s" class="form-control" name="keyword" placeholder="请输入关建词"> <button type="submit" id="btnPost" class="search-submit" onclick="searchToggle(this, event);"/><i class="fa fa-search"></i></button> </form> </div> <div class="widget widget_latest_post"> <h3 class="widget-title">最新发布</h3> <ul class="recent-posts"> <li> <div class="widget-post-thumb"> <a href="https://www.link668.com/seozhishi/3304.html"><img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="seo新用户(seo新站流程)" class="img-fluid"></a> </div> <div class="widget-post-body"> <h5> <a href="https://www.link668.com/seozhishi/3304.html">seo新用户(seo新站流程)</a></h5> <span>2025-10-10</span> </div> </li> <li> <div class="widget-post-thumb"> <a href="https://www.link668.com/seozhishi/3302.html"><img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="厦门专业seo服务公司(厦门专业seo服务公司有哪些)" class="img-fluid"></a> </div> <div class="widget-post-body"> <h5> <a href="https://www.link668.com/seozhishi/3302.html">厦门专业seo服务公司(厦门专业seo服务公司有哪些)</a></h5> <span>2025-10-10</span> </div> </li> <li> <div class="widget-post-thumb"> <a href="https://www.link668.com/seozhishi/3300.html"><img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="seo网站搭建是什么(seo网站搭建是什么工作)" class="img-fluid"></a> </div> <div class="widget-post-body"> <h5> <a href="https://www.link668.com/seozhishi/3300.html">seo网站搭建是什么(seo网站搭建是什么工作)</a></h5> <span>2025-10-10</span> </div> </li> <li> <div class="widget-post-thumb"> <a href="https://www.link668.com/seozhishi/3298.html"><img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="青岛seo是什么(青岛seo排名收费)" class="img-fluid"></a> </div> <div class="widget-post-body"> <h5> <a href="https://www.link668.com/seozhishi/3298.html">青岛seo是什么(青岛seo排名收费)</a></h5> <span>2025-10-10</span> </div> </li> <li> <div class="widget-post-thumb"> <a href="https://www.link668.com/seozhishi/3296.html"><img src="https://www.link668.com/wp-content/themes/link668/img/default.png " alt="企业网站的seo(企业网站的建设价格)" class="img-fluid"></a> </div> <div class="widget-post-body"> <h5> <a href="https://www.link668.com/seozhishi/3296.html">企业网站的seo(企业网站的建设价格)</a></h5> <span>2025-10-10</span> </div> </li> </ul> </div> <div class="widget widget_tag_cloud"> <h3 class="widget-title">热门标签</h3> <a href="https://www.link668.com/tag/6" class="tag-cloud-link tag-link-6 tag-link-position-1" style="font-size: 12px;">百度站长平台</a></div> </div> </div> </div> </div> </div>   <section class="cta "> <div class="container"> <div class="cta-inner section"> <div class="cta-shape1"></div> <div class="cta-shape2"></div> <div class="cta-shape3"></div> <div class="row align-items-center "> <div class="col-xl-8 col-lg-8"> <div class="section-heading text-center text-lg-left mb-4 mb-lg-0"> <span class="text-white text-capitalize mb-10 d-inline-block">准备好了吗</span> <h2 class="text-white">联系我们开始吧</h2> </div> </div> <div class="col-xl-4 col-lg-4"> <div class="text-center text-lg-right "> <a href="https://seo.kkg.net/user/login.php" rel="nofollow" target="_blank" class="btn btn-main btn-radius text-uppercase">会员注册</a> </div> </div> </div> </div> </div> </section>   <footer class="footer footer-2 pt-130"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-xl-3 col-md-6 col-sm-6"> <div class="footer-widget mb-5 mb-xl-0"> <div class="footer-logo"> <img src="https://www.link668.com/wp-content/uploads/2025/09/logo-light.png" alt="Link668SEO" class="img-fluid"> </div> <p>SEO是搜索引擎优化（Search Engine Optimization）的英文缩写，中文译为“搜索引擎优化”。SEO是通过优化网站结构、内容和链接等方式来提高网站在搜索引擎中的排名。SEO目的是提升网站的可见性，关键词优化获得品牌收益，为公司获取更多流量和网络竞争优势或提供技术服务。</p> <div class="subscribe-form"> </div> </div> </div> <div class="col-xl-3 col-md-6 col-sm-6"> <div class="footer-widget mb-5 mb-xl-0 pl-xl-3"> <h3>快速链接</h3> <ul id="menu-menuks" class="list-unstyled"><li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="https://www.link668.com/case">SEO案例</a></li> <li id="menu-item-23" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23"><a href="https://www.link668.com/service">SEO服务</a></li> <li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24"><a href="https://www.link668.com/about">关于我们</a></li> </ul> </div> </div> <div class="col-xl-2 col-md-6 col-sm-6"> <div class="footer-widget mb-5 mb-xl-0"> <h3>合作伙伴</h3> <ul id="menu-menuseo" class="list-unstyled"><li id="menu-item-21" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-21"><a href="https://www.link668.com/">百度seo</a></li> </ul> </div> </div> <div class="col-xl-3 col-md-6 col-sm-6 offset-xl-1 col-lg-5"> <div class="footer-widget mb-5 mb-xl-0"> <h3>联系我们</h3> <ul class="list-unstyled"> <li><a href="tel:"><strong>电话：</strong></a></li> <li><a href="malito:"><strong>邮箱：</strong></a></li> <li><strong>地址：</strong></li> </ul> </div> </div> </div> </div> </div> <div class="footer-copyright"> <div class="container"> <div class="row"> <div class="col-xl-6 col-sm-6"> <p>Copyright © 2025 <a href="https://www.link668.com"></a> All Rights Reserved <a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备2023022152号</a> <a href="/sitemap.xml" target="_blank">网站地图</a> </p> </div> </div> </div> </div> </footer>  <div class="fixed-btm-top"> <a href="#home" class="smoth-scroll scroll-to-top bg-shadow"><i class="fa fa-angle-up"></i></a> </div>  <script src="https://www.link668.com/wp-content/themes/link668/static/js/jquery-3.5.1.min.js"></script> <script src="https://www.link668.com/wp-content/themes/link668/static/js/popper.min.js"></script> <script src="https://www.link668.com/wp-content/themes/link668/static/js/bootstrap.min.js"></script>  <script src="https://www.link668.com/wp-content/themes/link668/static/js/slick.min.js"></script> <script src="https://www.link668.com/wp-content/themes/link668/static/js/venobox.js"></script> <script src="https://www.link668.com/wp-content/themes/link668/static/js/tilt.js"></script> <script src="https://www.link668.com/wp-content/themes/link668/static/js/wow.min.js"></script> <script src="https://www.link668.com/wp-content/themes/link668/static/js/jquery.waypoints.min.js"></script> <script src="https://www.link668.com/wp-content/themes/link668/static/js/jquery.counterup.min.js"></script>  <script src="https://www.link668.com/wp-content/themes/link668/static/js/scripts.js"></script> </body> </html>