首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 ><section>中的多个<article>元素是否应该放在<ul>标记中?

<section>中的多个<article>元素是否应该放在<ul>标记中?
EN

Stack Overflow用户
提问于 2010-11-19 22:14:07
回答 2查看 4.7K关注 0票数 0

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

选项1

代码语言:javascript
复制
<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

代码语言:javascript
复制
<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>

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

例如,在本文中,他们没有使用标记:http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-11-19 22:26:16

应该吗?不一定。能?是。

我有一种情况,我正在做一些类似于你的第一个例子的事情。在本例中,包含的元素是。这些图是带有照片和标题的项目列表。它是导航项的列表,也是图。因此,nav > ... > li >图。

当然,数字不是一篇文章。但这是规范允许的,同时包含和。允许的内容是“流内容”,包括:

部分、导航、文章、旁注、页眉、页脚或图形

在其他方面。整个清单很长。因此,这取决于在你的特定情况下你觉得什么是正确的。

  • 这些文章摘要可以作为按日期排序的文章全文的导航吗?如果我想要一个额外的容器,或者因为我喜欢这种方式,我可能会做类似于上面对图所做的事情。
  • 是文章的全文吗,而不是你认为的文章列表?省略列表。
票数 2
EN

Stack Overflow用户

发布于 2010-11-19 22:24:36

HTML,不管是什么版本,都只是一个数据集合的语义标记。如果使用列表来拆分文章在语义上是有意义的,那么这就是正确的方式。如果没有,那么它就是不正确的。如果你只是担心通过网络发送简约的字节,那么你可以在任何版本的html中不使用列表,而用段落标记来代替它。

通常,语义标记与如何表示数据有更多的关系,而不仅仅是数据本身。例如,如果你想使用像EasySlider这样的东西,那么你必须把项目放在一个列表中,因为这是它使用的约定。以不同方式表示的相同数据可能需要完全不同的标记。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4225801

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档