部分与文章 HTML5

小编典典

部分与文章 HTML5

all

我有一个由各种“部分”组成的页面，如视频、新闻提要等。我有点困惑如何用 HTML5 来表示这些。目前我将它们作为 HTML5
<section>，但在进一步检查时，它们看起来更正确的标签是<article>. 任何人都可以为我解释一下吗？

这些东西都不是真正意义上的博客文章或“文档”，因此很难看出要应用哪个元素。

干杯

编辑：我选择使用article标签，因为它似乎是不相关元素的容器标签，我猜我的“部分”是。然而，实际的标签名文章似乎颇具误导性，尽管他们说 HTML5
的开发更加考虑了 Web 应用程序 ，但我发现很多标签更加以博客为中心/基于文档。

无论如何，感谢您的回答，这似乎是相当主观的。

阅读 67

2022-05-23

共1个答案

小编典典

在W3 wiki page about structuring
HTML5中，它说：

<section>：用于将不同的文章分组为不同的目的或主题，或定义单个文章的不同部分。

然后显示我清理的图像：

在此处输入图像描述

它还描述了如何使用<article>标签（来自上面相同的 W3 链接）：

<article>与
相关<section>，但明显不同。而<section>用于对内容或功能的不同部分进行分组，<article>用于包含相关的单个独立内容片段，例如单个博客文章、视频、图像或新闻项目。这样想
- 如果您有许多内容项目，每个项目都适合单独阅读，并且在 RSS 提要中作为单独的项目联合起来是有意义的，那么<article>适合标记它们。

在我们的示例中，<section id="main">包含博客条目。每个博客条目都适合作为 RSS
提要中的一个项目进行联合，并且在脱离上下文单独阅读时会有意义，因此 <article>非常适合它们：

<section id="main">
    <article>
      <!-- first blog post -->
    </article>

    <article>
      <!-- second blog post  -->
    </article>

    <article>
      <!-- third blog post -->
    </article>
</section>

简单吧？请注意，您也可以在文章中嵌套部分，这样做是有意义的。例如，如果这些博客文章中的每一篇都具有不同部分的一致结构，那么您也可以将部分放在文章中。它可能看起来像这样：

<article>
  <section id="introduction">
  </section>

  <section id="content">
  </section>

  <section id="summary">
  </section>
</article>

2022-05-23