如果我在同一页上同时使用章节和文章，是否会造成混淆？

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> 

纯粹，你有一篇文章的基础上，该文章中你似乎有2个部分，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> 

这仅仅是一个见仁见智，但是，我们还不知道谷歌和其他搜索服务提供商将如何对待这些。这个想法是让你的代码具有与布局相同的模块化外观。