html标题级别以及何时使用它们

我为我的无知道歉，但是，我很难决定何时在H1-H6之间更改标题。我试图在codeacemy.com上自学代码，我的理解是更改每个标题的标题，例如：

<h1>Introduction</h1>
  <p>This is the intro</p>

<h2>Body</h2>
  <p>This is the body</p>

<h3>Conclusion</h3>
  <p>This is the conclusion</p>

导言
这是介绍

身体
这是尸体

结论
这是结论

代码学院希望我多次使用同一标题（如下所示），这是对还是错？我从什么时候开始使用不同的标题？请帮助我澄清，以便我能够在编写代码的任务中更高效、更知情

代码学院示例：

  <h2>Ethiopia</h2>
    <p>Ethiopian beans can be divided into 3 categories: Longberry, Shortberry, and Mocha. Longberry varieties consist of the largest beans and are often considered of the highest quality in both value and flavor. Shortberry varieties are smaller. The Mocha variety is a highly prized commodity. Mocha Harars are known for their peaberry beans that often have complex chocolate, spice and citrus notes.</p>
  <a href="#">Learn More about Ethiopia</a>
</li>
<li>
  <h2>Costa Rica</h2>
  <p>Costa Rican coffee beans are considered among the best in the world. Tarrazu is thought to produce the most desirable coffee beans in Costa Rica. In 2012, Tarrazu Geisha coffee became the most expensive coffee sold by Starbucks in 48 of their stores in the United States, using the Clover automated French press. The finest coffee is typically grown at altitudes of 1200 to 1700 meters.</p>
  <a href="#">Learn More about Costa Rica</a>
</li>
<li>
  <h2>Kenya</h2>
  <p>The acidic soil in highlands of central Kenya, just the right amount of sunlight and rainfall provide excellent conditions for growing coffee plants. Coffee from Kenya is of the 'Colombia mild' type, and is well known for its intense flavor, full body, and pleasant aroma with notes of cocoa and high grade coffee from Kenya is one of the most sought-after coffees in the world.</p>

埃塞俄比亚
埃塞俄比亚豆类可分为3类：长浆果、短浆果和摩卡咖啡。龙莓品种由最大的豆类组成，通常被认为在价值和风味方面质量最高。短浆果品种较小。摩卡咖啡是一种非常珍贵的商品。摩卡哈拉尔咖啡以其豌豆而闻名，豌豆通常带有复杂的巧克力、香料和柑橘味道



哥斯达黎加
哥斯达黎加咖啡豆被认为是世界上最好的咖啡豆之一。塔拉祖被认为是哥斯达黎加最受欢迎的咖啡豆产地。2012年，塔拉祖艺妓咖啡（Tarrazu Geisha coffee）成为星巴克在美国48家店铺中出售的最昂贵的咖啡，使用的是Clover自动法国压榨机。最好的咖啡通常生长在海拔1200到1700米的地方



肯尼亚
肯尼亚中部高地的酸性土壤，恰到好处的阳光和降雨量为种植咖啡树提供了极好的条件。来自肯尼亚的咖啡属于“哥伦比亚淡味”咖啡，以其浓郁的风味、饱满的口感和令人愉悦的可可香味而闻名，来自肯尼亚的高档咖啡是世界上最受欢迎的咖啡之一

标题标签之间的区别基本上都与外观有关

---

您可以使用不同的标题标记在浏览器中组织写作。

标题用于划分部分，就像您在写报告一样。比如说

您应该重复文档表示相同“级别”的级别（例如h1），例如章节

---

标题在辅助技术（即屏幕阅读器）中具有双重重要性，它允许视力受损的人“看到”页面的结构。标有H1的部分将被视为顶级分区集，H2将是相关H1的子部分，等等。

H1通常用于页面的主标题。这表明此文本比其他文本更重要。h2或h3可用于表示不太重要文本的子标题。这一直持续到6点

---

在您的示例中，所有国家/地区都在h2标记中，这表明它们在页面语义中同样重要。

Codeacademy完全正确。您可以多次重用同一标头元素。您可以使用CSS分别设置它们的样式

---

另一件事是SEO（搜索引擎优化）。谷歌喜欢它，当你在你的标题标签中保持秩序。不要从H1跳到H6再跳回到H2。就这样处理吧：H1是整个页面的标题。H2可用作文章的标题。H3是这些文章的副标题。我通常只使用H1-H3。

这样想：

标题是根标题，即页面的主标题。几乎总是只有一个<代码>字幕是

标题的直接子项。可能有很多。类似地，

字幕是其前面的

标题的子项。而

是

的孩子，依此类推。或者用代码表示：

<h1>The main title</h1>
<h2>Subtitle</h2>
<p>A paragraph of text goes here...</p>
<h3>Sub-subtitle</h3>
<p>The nitty gritty of this section.</p>
<h2>Another Subtitle</h2>
<p>Some more text...</p>
<h2>Conclusion</h2>
<p>The final paragraph.</p>

主标题
字幕
这里有一段文字

副标题
这一部分的实质

另一个副标题
更多的文字

结论
最后一段


这为我们提供了如下标题的层次结构：












上面的HTML根本不能使预期的文档结构变得明显。最好能更清楚地表明我们的意图。我将使用HTML5
元素来实现这一点：

<h1>The main title</h1>
<section>
    <h2>Subtitle</h2>
    <p>A paragraph of text goes here...</p>
    <section>
        <h3>Sub-subtitle</h3>
        <p>The nitty gritty of this topic.</p>
    </section>
</section>
<section>
    <h2>Another Subtitle</h2>
    <p>Some more text...</p>
</section>
<section>
    <h2>Conclusion</h2>
    <p>The final paragraph.</p>
</section>

主标题
字幕
这里有一段文字

副标题
这个话题的实质

另一个副标题
更多的文字

结论
最后一段

只要想想一本书、一篇文章或任何其他作品。各章的顶部会有一个h1，然后子章会有一个h2。如果你细分这些子章节，子章节将有一个h3。。。换言之，是分层的。请看这里以避免混淆，这些是“heading”元素，而不是“headers”，它们是完全不同的元素。