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

Question

Am trying to write valid html by following w3c standards. But getting warning on below code as Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections . But I have used <h2> in my section, then why am I getting this and how can I overcome?

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

Answer 1

Your <article> contains a heading, but your <section> does not, because your <h2> is associated with your <article> , not your <section> .

If your <section> is just a generic container and not an actual distinct section of articles in your page, it should be a <div> instead, or a <main> if it's the only container in your page (but judging by the section ID it's probably safe to assume it isn't). Alternatively, your <article> should be a <div> instead as "container" is a rather oddly generic class name for such an element.

Note that sections missing headers is not an error but a warning; you are free to leave your <section> without a heading, it will just look strange in the document outline. Nevertheless, the warning is there to indicate that you may have either left out a heading, or you may be misusing sectioning elements.