标题级别的最佳实践答案

【问题标题】：Best practice for heading levels标题级别的最佳实践
【发布时间】：2019-09-06 17:47:26
【问题描述】：

我有一组页面，其中一个页面有子类别，而另一个页面没有。构建标题的最佳方式是什么？每个具有相同重要性的项目是否应该具有相同的标题级别，即使这意味着例如跳过 h2？这条路线肯定会让 CSS 更容易。

首页：

<h1>Dogs</h1>
<h2>Small Dogs</h2>
<h3>Chihuahua</h3>
<h3>Jack Russell Terrier</h3>
<h2>Big Dogs</h2>
<h3>Greyhound</h3>
<h3>Golden Retriever</h3>

第二页：

<h1>Cats</h1>
<h3>American Shorthair</h3>
<h3>Siamese</h3>
<h3>Manx</h3>

（还假设每个 h3 下的实际内容，ofc。）

或者狗的品种应该是h2，猫的品种应该是h3？或者这个例子中的每个品种都应该是 h2，并且根本不将“Small Dogs”和“Big Dogs”标记为标题？还是其他选择？

【问题讨论】：

这样的事情通常取决于开发者（你）。无论您认为哪种样式最适合您的网页。
如果搜索引擎流量对您很重要，您可能需要搜索“google seo headings”或类似的内容。

标签： html html-heading

【解决方案1】：

这样的主要事情取决于开发人员/设计师您想如何做事。关于标题的一般概念是

最重要的标签是 h1 标题标签，通常是帖子的标题。子标题转到 h2 标签，顺序如此。

我提到的这件事是基于对 SEO（搜索引擎优化）的重视。通常一个页面应该只包含一个 h1 标签，而可能有几个 h2 标签。
现在为了简化事情，主要的是你想做的事情。实现的最佳方法是更多地使用 h2 和 h3 并使用 class 来提供适当的样式。但请记住不要在您的页面中多次使用 h1 标签。按SEO一般方式

h1 标签应包含您的目标关键字，这些关键字与与页面标题相关并且与您的内容相关。 h2 标签是一个副标题，应该包含与您的 h1 标签相似的关键字。然后，您的 h3 是您的 h2 的子标题，依此类推。把它们想象成一个基于重要性的层次结构，以上比下面。

主要是您认为这些列表的偏好顺序是什么。哪个更重要，哪个不那么重要。在 h3 标签之后，它们通常无关紧要，因此请使用类并为其设置样式。

【讨论】：

【解决方案2】：

我们应该始终使用带有主要关键字的 h1 标签。 H1 标签应该只使用一个。然后我们可以沿着关键字使用H2。应该用作副标题。

然后是 h3 和 h4。

【讨论】：