文章分为多个部分

Question

我正在建立一个博客页面。在顶部，我们有一个div，其中包含标题图片，标题，作者和其他元素。在本节的下方，我们有一个侧边栏，然后是文章的内容。

有人可以告诉我使用<article>的最佳方式是什么？我应该只封装内容，还是根本不使用标签？

谢谢

Answer 1

我建议在<article>元素中包装每篇博文。

根据W3C规范：

  

“文章元素代表完整或自包含的元素   文档，页面，应用程序或站点中的组合，即   原则，可独立分发或可重复使用，例如在   联合。这可以是论坛帖子，杂志或报纸   文章，博客条目，用户提交的评论[...]“

This answer简洁地描述了每个主要HTML5元素标签的用途。

您描述的三个部分可以作为文章的子元素包含在内，因此每篇博文的代码可能如下所示：

<article class="blog_post">
  <header>
    <h1>Blog Post Title</h1>
  </header>
  <aside class="blog_sidebar">
    <!-- sidebar content -->
  </aside>
  <p>Aliquam luctus sapien ut dui. Ut lacinia vel ex et sodales. Nam molestie semper purus, id efficitur metus malesuada fermentum. Morbi commodo neque mauris, id commodo ante sodales sed. Maecenas purus risus, dictum ut sem sceleris.</p>
</article>

一些推荐阅读：

The Article Element

The Importance of Sections