我应该使用<article>进行博客文章预览吗？</article>

Question

我正在制作一个会显示博客帖子列表的视图，每个帖子的摘录都很少。是否使用正确的语义元素？

Answer 1

  

这里的关键点是内容必须独立于其上下文才有意义，即当所有周围内容被剥离时。

Soruce

一个例子是：

<article>
    <h1>Header</h1>
    <p>Text</p>
</article>

因此，每个博客帖子预览都可以是文章元素。

Answer 2

我会像每次添加页眉和页脚一样使用它

<article>
<header>
<h1>Apple</h1>
<p>Published: <time>2009-10-09</time></p>
</header>
<p>The <b>apple</b> is the pomaceous fruit of the apple tree...</p>
 <footer>
<p><small>Creative Commons Attribution-ShareAlike License</small></p>
</footer>
</article>

Answer 3

对于小摘录，article和section都可以。

引自html spec：

  

文章元素代表文档，网页，应用程序或网站中的完整或自包含组合，原则上，独立可分发或可重复使用，例如在联合。这可以是论坛帖子，杂志或报纸文章，博客条目，用户提交的评论，交互式小部件或小工具，或任何其他独立的内容项目。

请注意：

  

鼓励作者使用文章元素而不是部分元素，因为联合元素的内容是有意义的。