如果在同一页上同时使用部分和文章，会不会造成混淆？

Question

据我所知，文章是一个独立的内容，节可以用来分组文章的列表，也可以用在文章内部来表示部分。在实现这个想法时，我有一个案例:一个主要内容是一篇文章的页面。在文章标签之后，我想加载一个论坛主题，其中包含它的所有回复。每个主题和回复都使用文章标签。我的问题是--如果我将主题及其回复分组到Section标签中，会不会对辅助技术造成混乱？标记如下所示：

<div id="page">
  <article role="main"> main content</article>
  <section id="forum">
           <article>topic content</article>
            <article>reply-1</article>
            <article>reply-2</article>
  </section>
</div>

如果上面的标记不能为辅助技术提供一种简单的方法来理解主题部分与主要内容的连接，你会推荐什么标记？

Answer 1

在这种情况下，我几乎肯定会这样做。

<div id="page">
    <article role="main">
        <section id="main">
            main content
        </section>
        <section id="forum">
            topic content
            <ul class="comments">
                <li>reply-1</li>
                <li>reply-2</li>
            </ul>
        </section>
    </article>
</div>

纯粹基于你有一篇文章，在这篇文章中，你似乎有两个部分，一个是主要内容，一个是论坛内容。在论坛内容中，您还可以看到一个评论列表。

Answer 2

你可以在任何你想要的地方使用它们。它们的用法是语义的。如果你认为这样布局你的代码更有意义，那么就去做吧。

然而，大多数人会说，除非没有文章，否则部分应该在文章中。

我会考虑使用header标签作为第一篇文章的标签。然后使该部分成为一篇文章，并使文章部分。然后把标题放在文章里面。

<div id="page">
  <article id="forum">
      <header role="main"> main content</header>
            <section>topic content</section>
            <section>reply-1</section>
            <section>reply-2</section>
  </article>
</div>

这真的只是一个意见问题，然而，我们还不知道谷歌和其他搜索提供商将如何对待这些问题。这样做的目的是让你的代码看起来像布局一样的模块化。