Question

据我所知，文章是针对一个独立的内容，该部分可用于分组文章列表，也可用于文章内部来表示部分。实施这个想法时，我有一个案例：主要内容为文章的页面。在文章标记之后，我想加载论坛主题及其所有回复。每个主题和回复都使用文章标签。我的问题是 - 如果我将这个主题及其回复分组到部分标签中，那么辅助技术是否会引起混淆？标记看起来像这样：

<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>

纯粹基于您有一篇文章，在该文章中，您似乎有两个部分，1个用于主要内容，1个用于论坛内容。在论坛内容中，您还有一个评论列表。

无论如何，对我而言，这似乎是正确的语义方式。

Answer 2

您可以随意使用它们。它们的用法是语义的。如果您认为像这样布局代码更有意义，那就去做吧。

但是，除非没有文章，否则大多数人都会说文章应该在文章中。

我会考虑使用第一篇文章标签的标头标签。然后将该部分作为文章和文章部分。然后将标题放在文章中。

<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>

这只是一个意见问题，但是，我们还不知道谷歌和其他搜索服务提供商将如何对待这些。我们的想法是为您的代码提供与布局相同的模块化外观。

如果我在同一页面上同时使用Section和Article，这会让人感到困惑吗？

2 个答案: