欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

什么是html h1标签?html h1标签使用方法的详细介绍

程序员文章站 2022-03-16 08:41:01
...
本篇文章主要为大家介绍了关于HTML h1~h6的使用介绍,介绍了关于html h1标签在网页中的两种使用方法,一个是网站首页的具体介绍,一个是文章内容页面的具体介绍,最后一点的总结,现在让我们看看这篇文章吧

首先,让我们先来看看什么是html h1标签:

HTML h1标签是什么?是一级标题。

一个网页中,用h1包括起来的内容是除了title之外最重要的内容,对一个网页中起到提纲挈领的作用。搜索引擎首先要抓取的内容就是h1标签中的内容。所以规定一个页面中,h1标签只能出现一次,否则h1标签就失去了存在的意义,而且对于搜索引擎来说,这是典型的seo过度,早晚都会被处罚的。而对 于谷歌来说,过度使用h1的网页根本不会被收录,如果你发现你的网站首页一直不被google关注,那你就要小心了。而百度可能会暂时收录你,但可能早晚都会降权或k站。下面是h1至h6的使用介绍。

  • h1 : 网站大标题

  • h2 : 网站副标题

  • h3 : 网站分类目录

  • h4 : 网站的文章分类

  • h5 : 文章标注

  • h6 : tag标签

现在来看看具体的使用方法吧

  • 第一,网站首页,列表页,分类页,h1要分配给网站名称或给带alt标签的logo使用,用以强调网站名称。h2标签用来定义“站点副标题”。如果没有副标题,h2标签最好也空着,以备不时之需。H3标签用来定义导航栏目名称,H4标签用来定义文章列表标题,但大多数内容系统,文章列表输出用UL标 签,所以H4可能就派不上用场,这里只是以此类推。

  • 第二,文章内容页面中,h1一定要用在文章标题上,因为对于搜索引擎来说,内容就是他追求的目标,所以我们要把搜索引擎直接领到我们的文章标题。其它的h标签依次类推。

现在来细说说网站首页的具体用法:

因为在主页中会有许多文章列表,这时如果把<h1>标签用于给“文章标题”定义,那就不合适了,会造成<h1>标签重复定义,破坏了<h1>标签的唯一性。所以在主页,<h1>标签当仁不让的用来定义“站点名称”。<h2>标签用来定义“站 点副标题”。如果没有副标题,<h2>标签最好也空着,以备不时之需。<h3>标签用来定义栏目名称,<h4>标签用来定义文章标题,但大多数内容系统,文章列表输出用<ul>标签,所以<h4>可能就派不上用场,这里只是以此类推。

现在来细说说文章内容页面的具体用法:

文章内容页和主页就有所区别了,对于搜索引擎所看中就是文章内容,而文章标题无疑是吸引搜索引擎的最重要的砝码了。此时如果把唯一的<H1>标签让给“网站名称”岂不浪费。既然站点可以使用不同模版,这时我们就不能偷懒了,还是把文章内容页Header区重新调整一下,把<H1>标签让给“文章标题”。

网站名称和网站副标题的定义,用<div>来代替,分别定义成id=Title和id=SubTitle。把最有价值的<H1>标签和<H1>标签让给文章主和副标题。以利于提高文章在搜索引擎中的权重。

如果没有文章副标题,和主页的里的<H2>标签一样最好也空着,以备不时之需。这里提倡一下,<H2>和<H1>标签一样,最好都保证在页面中的唯一性。

现在来总结下:

我认为h1在不同的页面应该有不同的定义方式,比如:

  • 主页,h1坚决用来定义“站点名称”;

  • 文章页,因为文章标题对SEO有好处,h1给文章标题合适;

  • 栏目页,h1给栏目名称;

  • 搜索页,h1给搜索关键词;

  • tag页,h1定义tags。

【小编推荐】

HTML iframe标签怎么使用?HTML iframe标签的使用实例介绍

如何给html中的pre标签中的文字换行?html pre标签的使用实例

以上就是什么是html h1标签?html h1标签使用方法的详细介绍的详细内容,更多请关注其它相关文章!