在HTML5中，我应该使用article标签还是section标签来制作选项卡？

Question

我想在我正在构建的HTML5设计中创建一组内容选项卡。我想知道是否应该使用一组<article>或<section>标签来包含内容？

- Soviut

---

嗯，我自己还不太确定如何真正使用<section>，特别是从SEO的角度来看，因为每个部分都应该有自己的标题空间，至少我现在不太确定谷歌如何看待这一点。 - Hannes

Answer 1

<section> 对我来说似乎是最理想的。 它的定义相当适用于诸如内容选项卡之类的东西：

在文档或应用程序中，section元素表示文档或应用程序的一般部分。 在这种情况下，section是具有标题的主题内容分组。

章节、选项卡对话框中的各个选项卡页面或论文的编号部分都是section的示例。 网站的主页可以分成介绍、新闻项目和联系信息等部分。

请注意它在同一页中关于<article>的说明：

当使用元素的内容进行合成时，建议作者使用article元素而不是section元素。

因此，如果您的选项卡内容是独立的，并且在单独阅读时很有意义（并且可以这样使用），请使用<article>，否则请使用<section>。

- Will Prescott

---

我的选项卡更像是部分而不是单独的文章，因此我使用了部分。 - Soviut

如果您继续往下查看定义，您将看到一个使用<section>的示例用例，其中包括“选项卡对话框中的各个选项卡页”。 - thdoan

Answer 2

据我所知，<section>元素应该放在<article>元素内部，因此除非您将所有选项卡都包装在文章中，否则不应该使用sections来制作选项卡。因此，简短的答案是您应该同时使用或同时不使用它们。

- Anthony

---

99.9% 确信文章应该放在章节内，至少我认为章节不应该放在文章内。 - jonezy

可以采用任意方式 - 一篇文章可以有多个部分，一个部分可以有多篇文章。 - robertc

我实际上刚刚去查了一下，很有趣。 - jonezy