<section> 或 <article>，包含在其中

StackOverflow https://stackoverflow.com/questions/1789692

  •  22-09-2019
  •  | 
  •  

题

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

是否有 <section> 属于内部 <article> 或者是周围的其他方式？这还重要吗？

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

有帮助吗？

解决方案

从 HTML5规范：

  

在section元素表示一个通用的文档或应用程序段。 A节，在这种情况下，是内容的主题分组，典型地报头和可能的页脚。

和

  

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

因此，我认为既section和article元素可以包含其它元件，如果合适的话。我想你的图是有道理的，除了从嵌套部分元素：

  

在段元素不是一个通用的容器元素。当需要对造型目的或作为用于脚本一个方便的元素，鼓励作者使用div元素来代替。一般的规则是，部分元件是适当仅如果该元素的含量将在文档的轮廓明确列出。

也许使用<div>用于外一个？

其他提示

在 W3页面添加内容有关构建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>

我会使用DIV用于外一个，和DIV用于内一个，除非你有直接的内部部分内的标题。

TA

富

请参阅 http://html5doctor.com/the-section-element/ 以的详细信息。

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

  • 一个 <article> 是一篇文章. 。人们分享文章。当你说某件事是一篇文章时，我希望它应该有一个 标题, ，也许还有一些总结，这样我就可以决定是否阅读它。如果有趣的话，我会分享给我的朋友。它是独立的。

  • A <section> 是一个部分. 。这是 一部分 的相关事物。基本上，您需要其他部分才能了解全貌。

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

为什么你放了一个 <section> 里面一个 <section>? 因为它是一部分 那 部分。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top