什么是用于标记博客摘录的最佳HTML5标记？

Question

这是博客拥有存档页面(例如按日期或类别)列出相关博客文章,摘录(段落或)和链接的常见模式.但是,我无法确定哪个HTML5元素最适合用于各个帖子.

该<article>标签似乎是一个不错的选择(当然是如果你显示的全部内容),但我不知道它是否适合摘录.该规范说:

article元素表示文档,页面,应用程序或站点中的自包含组合,并且原则上可独立分发或可重用,例如在联合中.

摘录真的是一个独立且可独立分发的内容吗？我不确定.

其他选项可能是<blockquote>标签(但引用自己的帖子很奇怪),或者只是<ol>包含标题和段落的列表(按发布日期排序).

有什么想法吗？

Answer 1

我用的是:

 <li>
    <blockquote cite="original URL">
    </blockquote>
 </li>

<blockquote> 最适合这个:

blockquote元素表示从另一个源引用的部分.

引用自己并不奇怪.元素的定义并没有说你必须引用其他人.您引用的文档位于另一个URL下.

我认为<article>(而不是<li>)是可以接受的,但这不是必要的(文章的定义非常宽松,应该被调用<infolump> ;)

我的石蕊测试<article>是它是否在RSS/Atom提要中有用,你可以找到只有文章摘录的提要.

所述<summary>元件是唯一的一部分<details>,其具有不同的目的.

<aside>描述页面内容的作用.当摘录是档案页面的主要部分时,它并不是真正的切向内容.OTOH,如果它是一个帖子页面上的"另见"部分,那么<aside>将是完美的.

Answer 2

<aside>似乎合适。根据规范：

side 元素表示页面的一部分，该部分由与side 元素周围的内容相关的内容组成，并且可以被视为与该内容分离。这些部分通常在印刷版式中表示为侧边栏。

在这种情况下，您的相关帖子与页面内容无关。我认为这正是旁白所要表达的内容类型。