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

Question

我有<article>，<section>，<header>，一切似乎都很好，但HTML Validator会返回错误：

警告：文章缺少标题。考虑使用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

验证者抱怨的是文章中缺少标题。在你的文章中，而不是嵌套的部分。 最佳结构如下：

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

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

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

Answer 2

使用aria-label="article"

<article aria-label="article">
  <p>Content of the article ... </p>
</article>