w3c html 验证错误 - 部分缺少标题:h2 在嵌套元素中可用

w3c html validation error - Section lacks heading: where h2 available in nested element

我正在尝试按照 w3c 标准编写有效的 html。但是在下面的代码中收到警告 Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections。但是我在我的部分使用了<h2>,那我为什么会得到这个,我该如何克服?

<section id="section1">
  <article class="container">
    <h2>Some heading</h2>
  </article>
</section>

您的 <article> 包含标题,但您的 <section> 没有,因为您的 <h2> 与您的 <article> 关联,而不是您的 <section>

如果您的 <section> 只是一个通用容器,而不是页面中文章的实际不同部分,则它应该是 <div>,如果是 <main> 只有 容器在您的页面中(但根据部分 ID 可以安全地假设它不是)。或者,您的 <article> 应该是 <div> 而不是因为 "container" 是这样一个元素的一个相当奇怪的通用 class 名称。

请注意,缺少部分 headers 不是错误,而是警告;您可以不带标题地离开 <section>,这样在文档大纲中看起来会很奇怪。尽管如此,这里的警告表明您可能遗漏了标题,或者您可能误用了分段元素。