12

试图了解 HTML5 中的新语义元素。

a<section>属于 an 内部<article>还是相反？这还重要吗？

我正在考虑重新构建一个 wordpress 博客。

4

4 回答 4

14

从HTML5 规范：

该section元素表示通用文档或应用程序部分。在这种情况下，节是内容的主题分组，通常带有页眉和可能的页脚。

和

该article元素表示文档、页面或站点的独立部分。这可以是论坛帖子、杂志或报纸文章、博客条目、用户提交的评论或任何其他独立的内容项目。

所以我想说，如果合适的话， sectionandarticle元素都可以包含另一个元素。我认为您的图表很有意义，除了嵌套的部分元素：

section 元素不是通用容器元素。当需要一个元素来设置样式或方便编写脚本时，鼓励作者改用 div 元素。一般规则是，只有当元素的内容明确地列在文档大纲中时，section 元素才是合适的。

也许使用 a<div>作为外部的？

于 2009-11-24T12:21:20.960 回答
6

在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>
于 2014-01-02T18:13:23.707 回答
3

我会使用 div 作为外部的，而 div 用于内部的，除非您在内部部分直接有一个标题。

塔

富有的

有关更多信息，请参阅http://html5doctor.com/the-section-element/。

于 2009-11-26T09:58:40.037 回答
1

恕我直言，它应该很简单，就像普通人认为理所当然的那样简单。如果一个简单的标签名称让人们感到困惑，那就是失败了。为了我：

  • 是一篇<article> 文章。人们分享文章。当你说某件事是一篇文章时，我希望它应该有一个标题，也许还有一个小摘要，所以我可以决定是否阅读它。如果觉得有趣，我会分享给我的朋友。它是独立的。

  • A<section> 是一个部分。它是相关事物的一部分。基本上，您将需要其他部分来了解整个情况。

为什么你在<section>里面放一个<body>？哦，因为它是身体的一部分；我网站的一部分。我将把我的文章放在这部分。

为什么你把 a 放在 a<section>里面<section>？因为它是该部分的一部分。

于 2017-07-25T22:10:06.217 回答