应该有多个中的元素将其放在中标签？

Question

我正在使用新的 HTML5 标签，我想知道以下两个选项中哪一个更可取：

选项 1

<article class="menu">
  <section>
    <header>
      <h4>Breakfast</h4>
    </header>
    <ul>
      <li>
        <article class="menu-item">Cereal</article>
      </li>
      <li>
        <article class="menu-item">Bacon & Eggs</article>
      </li>
      <li>
        <article class="menu-item">Waffles</article>
      </li>
    </ul>
  </section>
  <section>
    <header>
      <h4>Lunch</h4>
    </header>
    <ul>
      <li>
        <article class="menu-item">Peanut Butter & Jelly</article>
      </li>
      <li>
        <article class="menu-item">Ham Sammich</article>
      </li>
      <li>
        <article class="menu-item">Soup</article>
      </li>
    </ul>
  </section>
</article>

选项 2

<article class="menu">
  <section>
    <header>
      <h4>Breakfast</h4>
    </header>
    <article class="menu-item">Cereal</article>
    <article class="menu-item">Bacon & Eggs</article>
    <article class="menu-item">Waffles</article>
  </section>
  <section>
    <header>
      <h4>Lunch</h4>
    </header>
    <article class="menu-item">Peanut Butter & Jelly</article>
    <article class="menu-item">Ham Sammich</article>
    <article class="menu-item">Soup</article>
  </section>
</article>

由于 HTML 4.01 遗留下来的习惯，我目前正在使用第一个选项与标签，但在我看来它们在 HTML5 中是完全多余和不必要的。哪个更正确？

例如，在本文中，他们不使用标签： http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/

Answer 1

应该？未必。能？是的。

我遇到的情况是，我正在使用

做与您的第一个示例类似的事情。在这种情况下，包含元素是

。这些数字是带有照片和标题的项目列表。它是导航项的列表，也是图形。因此导航> ...>>力>数字。

当然，图表不是文章。但这是规范所允许的，同时包含

和

。和<文章>。

允许的内容是“流动内容”，其中包括，

部分或导航或文章或旁白或标题或 >页脚或数字

等。整个清单很长。因此，这取决于您在具体情况下感觉合适的方式。

• 这些文章摘要是否用作按日期排序的文章全文的导航？如果我想要
• ，我可能会做类似于上面对图所做的事情。想要一个额外的容器或者因为我喜欢这样。
• 它是文章的全文，而不是您认为的文章列表吗？省略该列表。

Answer 2

HTML 无论什么版本都只是数据集合的语义标记。如果使用列表来拆分文章在语义上有意义，那么这就是正确的方法。如果没有，那么它是不正确的。如果您只是担心通过网络发送的简约字节，那么您可以在任何版本的 html 中不使用该列表，并将其替换为段落标签。

通常，语义标记与呈现数据的方式有更多关系，而不仅仅是数据。例如，如果您想使用类似 EasySlider，那么您必须将项目放入列表中，因为这是它使用的约定。以不同方式呈现的相同数据可能需要完全不同的标记。