SEO中必须用到的html代码介绍

SEO中必须用到的html代码介绍

这里我们只是给非技术类的SEO新手提供的一些SEO中必须用到的html代码。首先放轻松,我们不是要给大家说什么复杂的代码,因为不需要也用不到。

Html是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。一般我们都称为“超文本标记语言”。而复杂的网站程序代码对于SEO优化人员来说,基本都是用不到的,所以我们这里不提及。

现在我们来教大家如何查看网站HTML代码的步骤:

1.用浏览器(我们推荐使用谷歌浏览器)打开你要浏览的网页。

2.点击右上角“查看”--“查看网页源代码”即可查看到一整页的代码,别惊慌。这里都是前端代码,而你也无需看懂那么多代码,认识基础的就行,后面会列举基础代码样式表。

3.另外一种办法,就是直接在网上任意位置,右击--查看源代码。

4.如果你想查看某一段的前端代码,你可以鼠标移动到要查看的位置,右击--审查元素即可。

基础html标签列表

1.  定义文档类型    基本可以忽略不用管。

2. 定义头部元素     其实就相当于是网页最顶端的内容,就相当于是一篇文章的标题。

3. 定义body元素 这个呼应上面头部,就是网页的主体代码内容,相当于是文章正文。

4. 定义标题 这个是网页的标题名称,会在浏览器的头部出现,或者是搜索引擎的标题位置出现。</p> <p> 5.<h1> 定义文章标题属性,这个和上面的title不一样,title标签内是一个网页标题文字信息,而h1标签是表明这个标题的属性,加上h1一般文字会加粗。一般认为h1最重要的,依次是h2,h3...</p> <p> 6.<b> 加粗标签,可以给整段加粗,也可以给每一个文字加粗。我们平时编辑文章时只要点击一下黑色的大写字母“B”文字就加粗了,其实和这个道理是一样的,只不过一个是用代码控制,一个是用程序控制。</p> <p> 7.<p>这个是段落标签,就是如果你要接下来的文字分成另外一段,就用这个标签,我们一般前台操作就只要敲下空格就搞定了。</p> <p> 8.<br>这个是换行的代码。</p> <p> 9.<hr> 就是一个分界线。</p> <p> 10.<!-- --> 这个是定义注释,意思是说,这段代码在后台可以查看,但文字不显示,前端是看不到的。</p> <p> 学习完整html代码知识,请访问http://www.w3school.com.cn/html/。</p> <p> 说明:标签代码通常是成对出现的,例如前面出现了<p>,那么后面应该还有个</p>,形成一对代码。</p> <div class="article-footer"> <div class="article-share"> <ul class="social"> <li><a href='/tag/html' target="_blank" title="html" rel="tag">html</a></li><li><a href='/tag/SEO' target="_blank" title="SEO" rel="tag">SEO</a></li> </ul> </div> </div> <div class="post-navigation"> <div class="navigation-links"> <div class="nav-previous"> <a href="/seorm/140.html">南京SEO的独家外链资源整理分享</a> </div> <div class="nav-next"> <a href="/seorm/142.html">SEO入门:关键词确定和扩展该怎么做?</a> </div> </div> </div> <h3 class="related-posts">相关文章</h3> <div class="row"> <div class="col-lg-6 col-sm-6"> <div class="b-d-s-item"> <a href="/seorm/7.html" title="SEO中所需HTTP状态码完整说明" target="_blank"> <img src="https://pic.025youhua.com/uploads/allimg/160628/1-16062Q1064b13-lp.jpg?image_process=format,webp" alt="SEO中所需HTTP状态码完整说明"> <h3>SEO中所需HTTP状态码完整说明</h3> </a> <p>这里我们给大家带来SEO中所需HTTP状态码完整说明。了解每个状态码的意义,在我们SEO过···</p> <a href="/seorm/7.html" title="SEO中所需HTTP状态码完整说明" target="_blank">了解更多</a> </div> </div> <div class="col-lg-6 col-sm-6"> <div class="b-d-s-item"> <a href="/seorm/859.html" title="SEO优化基础可以从哪些地方开始努力?" target="_blank"> <img src="https://pic.025youhua.com/uploads/allimg/210506/0921091B8-0-lp.jpg?image_process=format,webp" alt="SEO优化基础可以从哪些地方开始努力?"> <h3>SEO优化基础可以从哪些地方开始努力?</h3> </a> <p>现今互联网时代,当大家纷纷上网找寻知识及答案,SEO扮演着极其重要的角色,这篇文章将···</p> <a href="/seorm/859.html" title="SEO优化基础可以从哪些地方开始努力?" target="_blank">了解更多</a> </div> </div> <div class="col-lg-6 col-sm-6"> <div class="b-d-s-item"> <a href="/seorm/335.html" title="seo文章跟广告软文有什么不同呢?" target="_blank"> <img src="https://pic.025youhua.com/uploads/allimg/161201/1-16120110321E12-lp.jpg?image_process=format,webp" alt="seo文章跟广告软文有什么不同呢?"> <h3>seo文章跟广告软文有什么不同呢?</h3> </a> <p>seo文章跟广告软文有什么不同呢?很多seo新手都弄不清seo文章与广告软文之间的区别。我···</p> <a href="/seorm/335.html" title="seo文章跟广告软文有什么不同呢?" target="_blank">了解更多</a> </div> </div> <div class="col-lg-6 col-sm-6"> <div class="b-d-s-item"> <a href="/seorm/639.html" title="SEO入门:robots.txt的终极指南" target="_blank"> <img src="https://pic.025youhua.com/uploads/allimg/190926/1-1Z926103Z2b0-lp.jpg?image_process=format,webp" alt="SEO入门:robots.txt的终极指南"> <h3>SEO入门:robots.txt的终极指南</h3> </a> <p>robots.txt文件是告诉搜索引擎在您网站上的页面哪些可以进入哪些不能进入的主要方式之···</p> <a href="/seorm/639.html" title="SEO入门:robots.txt的终极指南" target="_blank">了解更多</a> </div> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-12"> <aside class="widget-area" id="secondary"> <section class="widget widget-peru-posts-thumb"> <h3 class="widget-title">SEO教程</h3> <div class="post-wrap"> <article class="item"> <a href="/gjcyh/1011.html" title="有用内容更新后,关键词优化会如何变化?" target="_blank" class="thumb"> <img src="https://pic.025youhua.com/20240424/1713932415850802.jpg" class="fullimage cover bg1"> </a> <div class="info"> <time datetime="2024-04-24">2024-04-24</time> <h4 class="title usmall"> <a href="/gjcyh/1011.html" title="有用内容更新后,关键词优化会如何变化?" target="_blank"> 有用内容更新后,关键词优化会如何变化? </a> </h4> </div> <div class="clear"></div> </article> <article class="item"> <a href="/seorm/1009.html" title="拆解主流搜索引擎运作的五大步骤" target="_blank" class="thumb"> <img src="https://pic.025youhua.com/20240411/1712818802884447.jpg" class="fullimage cover bg1"> </a> <div class="info"> <time datetime="2024-04-11">2024-04-11</time> <h4 class="title usmall"> <a href="/seorm/1009.html" title="拆解主流搜索引擎运作的五大步骤" target="_blank"> 拆解主流搜索引擎运作的五大步骤 </a> </h4> </div> <div class="clear"></div> </article> <article class="item"> <a href="/nryh/1008.html" title="如何让文章有好的SEO排名?" target="_blank" class="thumb"> <img src="https://pic.025youhua.com/20240326/1711424409348205.jpg" class="fullimage cover bg1"> </a> <div class="info"> <time datetime="2024-03-27">2024-03-27</time> <h4 class="title usmall"> <a href="/nryh/1008.html" title="如何让文章有好的SEO排名?" target="_blank"> 如何让文章有好的SEO排名? </a> </h4> </div> <div class="clear"></div> </article> <article class="item"> <a href="/dspseo/1007.html" title="如何在网络营销中利用视频进行SEO?" target="_blank" class="thumb"> <img src="https://pic.025youhua.com/20240319/1710816096614285.jpg" class="fullimage cover bg1"> </a> <div class="info"> <time datetime="2024-03-20">2024-03-20</time> <h4 class="title usmall"> <a href="/dspseo/1007.html" title="如何在网络营销中利用视频进行SEO?" target="_blank"> 如何在网络营销中利用视频进行SEO? </a> </h4> </div> <div class="clear"></div> </article> <article class="item"> <a href="/seogj/1005.html" title="Ahrefs是什么?Ahrefs最全功能教学" target="_blank" class="thumb"> <img src="https://pic.025youhua.com/20240229/1709194745117358.jpg" class="fullimage cover bg1"> </a> <div class="info"> <time datetime="2024-03-06">2024-03-06</time> <h4 class="title usmall"> <a href="/seogj/1005.html" title="Ahrefs是什么?Ahrefs最全功能教学" target="_blank"> Ahrefs是什么?Ahrefs最全功能教学 </a> </h4> </div> <div class="clear"></div> </article> <article class="item"> <a href="/dspseo/1003.html" title="抖音SEO在2024年真的要重视起来吗?" target="_blank" class="thumb"> <img src="https://pic.025youhua.com/20240218/1708236460799953.jpg" class="fullimage cover bg1"> </a> <div class="info"> <time datetime="2024-02-21">2024-02-21</time> <h4 class="title usmall"> <a href="/dspseo/1003.html" title="抖音SEO在2024年真的要重视起来吗?" target="_blank"> 抖音SEO在2024年真的要重视起来吗? </a> </h4> </div> <div class="clear"></div> </article> <article class="item"> <a href="/seorm/1002.html" title="您从来不知道自己有的 10 个 SEO 问题" target="_blank" class="thumb"> <img src="https://pic.025youhua.com/20240124/1706092252369867.jpg" class="fullimage cover bg1"> </a> <div class="info"> <time datetime="2024-01-25">2024-01-25</time> <h4 class="title usmall"> <a href="/seorm/1002.html" title="您从来不知道自己有的 10 个 SEO 问题" target="_blank"> 您从来不知道自己有的 10 个 SEO 问题 </a> </h4> </div> <div class="clear"></div> </article> <article class="item"> <a href="/seojq/998.html" title="如何写好TDK:SEO优化中的重要一环" target="_blank" class="thumb"> <img src="https://pic.025youhua.com/20231217/1702788510694686.jpg" class="fullimage cover bg1"> </a> <div class="info"> <time datetime="2023-12-20">2023-12-20</time> <h4 class="title usmall"> <a href="/seojq/998.html" title="如何写好TDK:SEO优化中的重要一环" target="_blank"> 如何写好TDK:SEO优化中的重要一环 </a> </h4> </div> <div class="clear"></div> </article> <article class="item"> <a href="/nryh/994.html" title="如何使用 GPT-4 Turbo 创建高质量的内容?" target="_blank" class="thumb"> <img src="https://pic.025youhua.com/20231120/1700467314562450.jpg" class="fullimage cover bg1"> </a> <div class="info"> <time datetime="2023-11-22">2023-11-22</time> <h4 class="title usmall"> <a href="/nryh/994.html" title="如何使用 GPT-4 Turbo 创建高质量的内容?" target="_blank"> 如何使用 GPT-4 Turbo 创建高质量的内容? </a> </h4> </div> <div class="clear"></div> </article> <article class="item"> <a href="/nryh/993.html" title="有用的内容更新是否影响了 SEO 效果?" target="_blank" class="thumb"> <img src="https://pic.025youhua.com/20231114/1699942432427559.jpg" class="fullimage cover bg1"> </a> <div class="info"> <time datetime="2023-11-15">2023-11-15</time> <h4 class="title usmall"> <a href="/nryh/993.html" title="有用的内容更新是否影响了 SEO 效果?" target="_blank"> 有用的内容更新是否影响了 SEO 效果? </a> </h4> </div> <div class="clear"></div> </article> </div> </section> <section class="widget widget_tag_cloud"> <h3 class="widget-title">热门标签</h3> <div class="post-wrap"> <div class="tagcloud"> <a href='/tag/%E7%99%BE%E5%BA%A6%E7%AB%99%E9%95%BF' target="_blank" title="百度站长" rel="tag">百度站长</a><a href='/tag/%E5%B9%B3%E5%8F%B0%E6%95%99%E7%A8%8B' target="_blank" title="平台教程" rel="tag">平台教程</a><a href='/tag/%E9%93%BE%E6%8E%A5%E5%BB%BA%E8%AE%BE' target="_blank" title="链接建设" rel="tag">链接建设</a><a href='/tag/SEO%E5%9F%BA%E7%A1%80' target="_blank" title="SEO基础" rel="tag">SEO基础</a><a href='/tag/%E7%BD%91%E7%AB%99%E7%B4%A2%E5%BC%95' target="_blank" title="网站索引" rel="tag">网站索引</a><a href='/tag/%E7%BD%91%E7%AB%99%E9%80%9F%E5%BA%A6' target="_blank" title="网站速度" rel="tag">网站速度</a><a href='/tag/SEO' target="_blank" title="SEO" rel="tag">SEO</a><a href='/tag/%E7%BD%91%E7%AB%99%E4%BC%98%E5%8C%96' target="_blank" title="网站优化" rel="tag">网站优化</a><a href='/tag/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90' target="_blank" title="数据分析" rel="tag">数据分析</a><a href='/tag/%E5%85%B3%E9%94%AE%E8%AF%8D' target="_blank" title="关键词" rel="tag">关键词</a><a href='/tag/%E6%8A%80%E6%9C%AFSEO' target="_blank" title="技术SEO" rel="tag">技术SEO</a><a href='/tag/%E5%86%85%E5%AE%B9SEO' target="_blank" title="内容SEO" rel="tag">内容SEO</a><a href='/tag/%E9%95%BF%E5%B0%BE%E5%85%B3%E9%94%AE%E8%AF%8D' target="_blank" title="长尾关键词" rel="tag">长尾关键词</a><a href='/tag/%E5%85%B3%E9%94%AE%E8%AF%8D%E4%BC%98%E5%8C%96' target="_blank" title="关键词优化" rel="tag">关键词优化</a><a href='/tag/%E6%A0%87%E9%A2%98' target="_blank" title="标题" rel="tag">标题</a><a href='/tag/%E6%A0%87%E8%AF%AD' target="_blank" title="标语" rel="tag">标语</a><a href='/tag/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E' target="_blank" title="搜索引擎" rel="tag">搜索引擎</a><a href='/tag/%E9%94%9A%E6%96%87%E6%9C%AC' target="_blank" title="锚文本" rel="tag">锚文本</a><a href='/tag/%E6%AD%BB%E9%93%BE%E6%8E%A5' target="_blank" title="死链接" rel="tag">死链接</a><a href='/tag/404%E9%94%99%E8%AF%AF' target="_blank" title="404错误" rel="tag">404错误</a> </div> </div> </section> </aside> </div> </div> </div> </section> <footer class="footer-top-area pt-100 pb-70"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6"> <div class="single-widget"> <a href="https://www.025youhua.com"> <img src="https://pic.025youhua.com/assets/img/black-logo.png?image_process=format,webp" alt="SEO中必须用到的html代码介绍-南京SEO网站优化网"> </a> <p>南京SEO网站优化网已服务500余家企业,免费SEO诊断数千家网站,全面覆盖南京SEO市场,已经得到了南京地区的广泛关注和高度好评。南京SEO网站优化网为您提供全方位的SEO外包服务!</p> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-widget"> <h3>关于我们</h3> <ul> <li><a href="/aboutus/" target="_blank" rel="nofollow"><i class="bx bx-chevrons-right"></i>网站简介</a></li> <li><a href="/join/" target="_blank" rel="nofollow"><i class="bx bx-chevrons-right"></i>申请加入</a></li> <li><a href="/contact/" target="_blank" rel="nofollow"><i class="bx bx-chevrons-right"></i>联系我们</a></li> <li><a href="/disclaimer/" target="_blank" rel="nofollow"><i class="bx bx-chevrons-right"></i>免责声明</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-widget"> <h3>我们的网站</h3> <ul> <li><a href="https://www.langzhichao.com/" target="_blank" rel="nofollow"><img src="https://pic.025youhua.com/images/lzc-logo.png?image_process=format,webp" alt="浪知潮网络"></a></li> <li><a href="https://www.51landie.com/" target="_blank" rel="nofollow"><img src="https://pic.025youhua.com/images/ld-logo.png?image_process=format,webp" alt="蓝蝶网络"></a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-widget contact"> <h3>联系我们</h3> <ul> <li class="pl-0"> <a href="tel:13372026039"> <i class="bx bx-phone-call"></i> <span>咨询热线:</span> 13372026039 </a> </li> <li class="pl-0"> <a href="mailto:admin@025youhua.com"> <i class="bx bx-envelope"></i> <span>Email:</span> admin@025youhua.com </a> </li> <li> <i class="bx bx-location-plus"></i> <span>地址:</span> 南京市龙蟠中路450号3楼 </li> </ul> </div> </div> </div> </div> </footer> <footer class="footer-bottom-area"> <div class="container"> <div class="copy-right"> <p>Copyright © 2016-2022 南京浪知潮网络科技有限公司 版权所有</p> </div> </div> </footer> <div class="go-top"> <i class="bx bx-chevrons-up"></i> <i class="bx bx-chevrons-up"></i> </div> <ul class="right_nav"> <li> <div class="iconBox oln_ser"> <img src="https://pic.025youhua.com/assets/img/rnqq.png?image_process=format,webp" alt=""> <h4>在线客服</h4> </div> </li> <li> <div class="iconBox phe_num"> <img src="https://pic.025youhua.com/assets/img/rncall.png?image_process=format,webp" alt=""> <h4>联系电话</h4> </div> <div class="hideBox"> <div class="hb"> <h5>热线电话</h5> <p style="color:#2FA1D1">13372026039</p> </div> </div> </li> <li> <div class="iconBox"> <img src="https://pic.025youhua.com/assets/img/rnphone.png?image_process=format,webp" alt=""> <h4>关注我们</h4> </div> <div class="hideBox"> <div class="hb"> <h5>微信扫一扫关注</h5> <img src="https://pic.025youhua.com/20211011/1633936077392131.jpg?image_process=format,webp" alt=""> </div> </div> </li> </ul> <link rel="stylesheet" href="https://pic.025youhua.com/assets/css/owl.theme.default.min.css"> <link rel="stylesheet" href="https://pic.025youhua.com/assets/css/owl.carousel.min.css"> <link rel="stylesheet" href="https://pic.025youhua.com/assets/css/magnific-popup.css"> <link rel="stylesheet" href="https://pic.025youhua.com/assets/css/animate.css"> <link rel="stylesheet" href="https://pic.025youhua.com/assets/css/boxicons.min.css"> <link rel="stylesheet" href="https://pic.025youhua.com/assets/css/flaticon.css"> <link rel="stylesheet" href="https://pic.025youhua.com/assets/css/meanmenu.css"> <link rel="stylesheet" href="https://pic.025youhua.com/assets/css/nav.css"> <script src="https://pic.025youhua.com/assets/js/jquery-3.5.1.slim.min.js"></script> <script src="https://pic.025youhua.com/assets/js/popper.min.js"></script> <script src="https://pic.025youhua.com/assets/js/bootstrap.min.js"></script> <script src="https://pic.025youhua.com/assets/js/jquery.meanmenu.js"></script> <script src="https://pic.025youhua.com/assets/js/wow.min.js"></script> <script src="https://pic.025youhua.com/assets/js/owl.carousel.js"></script> <script src="https://pic.025youhua.com/assets/js/jquery.magnific-popup.min.js"></script> <script src="https://pic.025youhua.com/assets/js/jquery.nav.min.js"></script> <script src="https://pic.025youhua.com/assets/js/form-validator.min.js"></script> <script src="https://pic.025youhua.com/assets/js/contact-form-script.js"></script> <script src="https://pic.025youhua.com/assets/js/jquery.ajaxchimp.min.js"></script> <script src="https://pic.025youhua.com/assets/js/custom.js"></script> <script type="text/javascript" src="https://pic.025youhua.com/assets/js/rightAsk.js"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?ccbb0411355e035e1673062de94b60de"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>