Html 嵌套<；文章>；a中的元素<；李>；元素？

使用HTML5，将

元素放在

元素中在语义上是否正确。这将被证明是有用的一种情况是在博客上列出最近或流行的文章。考虑以下事项：

<section id="popular">
  <div class="blurb">
    <h2>Popular Articles</h2>
    <p>The most popular posts from my blog.</p>
  </div>
  <ul>
    <li>
      <article>
        <h3>Article</h3>
        <p>An excerpt from the article.</p>
      </article>
    </li>
    <li>
      <article>
        <h3>Article</h3>
        <p>An excerpt from the article.</p>
      </article>
    </li>
    <li>
      <article>
        <h3>Article</h3>
        <p>An excerpt from the article.</p>
      </article>
    </li>
  </ul>
</section>

流行文章
我博客上最受欢迎的帖子



文章
这篇文章的摘录



文章
这篇文章的摘录



文章
这篇文章的摘录

如下所示：

流行文章 我博客上最受欢迎的帖子

• 文章 这篇文章的摘录

• 文章 这篇文章的摘录

• 文章 这篇文章的摘录

---

对我来说，这似乎是一个很好的标记信息的方法。我唯一的问题是，以这种方式将

元素嵌套在

元素中是否正确。

如果它在所有实现中都正确显示，我不知道为什么会不正确。。。HTML5意味着灵活性。此外，缔约国：

可以在其中创建此元素的上下文 使用： 其中流内容是预期的

---

它看起来是大多数可用元素的上下文。

它在语义上没有任何错误，但实际上并不必要。

和

元素并没有在这里添加任何内容，除非您利用了它们的默认样式。只需将

标记直接放在

中就足够了，这样可以降低页面的复杂性和大小

---

要确定某些内容在HTML中是否语义正确且有用，请问自己几个问题。您是否将每个元素用于其预期目的？例如，如果将

元素用于按钮，则在语义上是不正确的，因为

用于超链接，

用于按钮。您是否需要使用每个元素来传达有关内容的所有语义信息（节、标题、链接等）？是否有任何有意义的东西是你想要传达的，而不是通过使用适当的元素来表达的？拥有大量额外的无意义元素通常是无害的，但会增加混乱，这可能意味着你在视觉上传达的是语义差异，而不是以屏幕阅读器、自动机器人或以不同格式呈现信息的浏览器能够理解的方式进行编码。

我想你可能认为

/
• 元素是不必要的，但我觉得它们确实增加了一些这是一个帖子的“列表”。去年，WHATWG邮件列表中讨论了将
  s放入
  中的有效性（直接，没有
  s）。大家一致认为，这对屏幕阅读器是有益的，在语义上是“不正确的”，并且适用于主要浏览器。讨论从我的收件箱中消失了；我必须在档案中找到它。但是，您可能想将<代码>类＝“Visub”<代码>从<代码> div <代码>改为<代码>标题>代码>，因为它被语义地用作<代码>节<代码>标题，根据HTML5相关问题中的新大纲，

  文章中的每个标题可以是
  h1
  ：感谢您确认它是有效的HTML5，但它是吗？