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

本篇文章主要为大家介绍了关于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>可能就派不上用场，这里只是以此类推。

慧中标AI标书

慧中标AI标书是一款AI智能辅助写标书工具。

120

查看详情

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

文章内容页和主页就有所区别了，对于搜索引擎所看中就是文章内容，而文章标题无疑是吸引搜索引擎的最重要的砝码了。此时如果把唯一的<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标签使用方法的详细介绍的详细内容，更多请关注php中文网其它相关文章！