css - 警告 : Article lacks heading. 考虑使用 h2-h6 元素为所有文章添加标识标题

Question

我有<article> , <section> , <header>一切似乎都很好，但 HTML 验证器返回错误:

警告:文章缺少标题。考虑使用 h2-h6 元素为所有文章添加识别标题。

你能告诉我问题出在哪里吗？

<div class="item column-1" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting">
  <article>
    <section class="article-intro clearfix" itemprop="articleBody">
      <header>
        <h2>My header text</h2>
      </header>
      <p>My paragraph text</p>

      <p>
        <img src="/images/myimage.jpg" alt="image alt">
      </p>

    </section>
  </article>
</div>

Answer 1

验证器提示的是您的文章 block 中缺少标题。如在您的文章中，而不是嵌套部分。最佳结构类似于:

<article>
  <h1>Some heading</h1>
  <p>Content of the article ... </p>
</article>

顺便说一下，你没有做错任何事，请记住这只是一个警告，而不是错误。

P.S 努力遵循 W3C 标准做得很好，顺便说一句