<section>中的多个<article>元素是否应该放在<ul>标记中？
<section>中的多个<article>元素是否应该放在<ul>标记中？
提问于 2010-11-19 22:14:07
我正在使用新的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>由于HTML4.01遗留下来的习惯，我目前正在使用标签的第一个选项，但是在我看来，它们在HTML5中是完全多余和不必要的。哪一个更正确？
例如，在本文中，他们没有使用标记：http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/
Stack Overflow用户
发布于 2010-11-19 22:24:36
HTML，不管是什么版本，都只是一个数据集合的语义标记。如果使用列表来拆分文章在语义上是有意义的，那么这就是正确的方式。如果没有，那么它就是不正确的。如果你只是担心通过网络发送简约的字节，那么你可以在任何版本的html中不使用列表，而用段落标记来代替它。
通常，语义标记与如何表示数据有更多的关系，而不仅仅是数据本身。例如，如果你想使用像EasySlider这样的东西，那么你必须把项目放在一个列表中，因为这是它使用的约定。以不同方式表示的相同数据可能需要完全不同的标记。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4225801
复制相关文章
相似问题
腾讯云开发者
