1

据我了解，文章是一个独立的内容，部分可以用来对文章列表进行分组，也可以在文章内部使用来表示部分。在实现这个想法的时候，我有一个案例：一个页面，主要内容是一篇文章。在文章标签之后，我想加载一个论坛主题及其所有回复。每个主题和回复都使用文章标签。我的问题是——如果我将主题及其回复分组在 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>

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

4

2 回答 2

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>

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

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

于 2013-01-18T08:38:36.710 回答
0

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

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

我会考虑将标题标签用于第一篇文章标签。然后将该部分设为文章和文章部分。然后把标题放在文章里面。

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

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

于 2013-01-18T08:29:40.917 回答