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

这是博客拥有存档页面（例如按日期或类别）列出相关博客文章，摘录（段落或）和链接的常见模式。但是，我无法确定哪个HTML5元素最适合用于各个帖子。 <article>标签可能看起来很合适（当然，如果你要显示整个内容），但我不确定它是否适用于摘录。规范说： article元素表示文档，页面，应用程序或站点中的自包含组合，并且原则上可独立分发或可重用，例如，文档元素。在联合。摘录真的是一个独立且可独立分发的内容吗？我不确定。其他选项可能是<blockquote>标签（但引用自己的帖子很奇怪），或者只是一个包含标题和段落的<ol>列表（按发布日期排序）。有什么想法吗？

已邀请:

4 个回复

癸痊醒

我用的是：

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

<blockquote>最适合这个： blockquote元素表示从另一个源引用的部分。引用自己并不奇怪。元素的定义并没有说你必须引用其他人。您引用的文档位于另一个URL下。我认为<article>（而不是<li>）是可以接受的，但是没有必要（文章的定义非常宽松，应该被称为<infolump>;）我对<article>的试金石测试是它在RSS / Atom提要中是否有用，你可以找到只有文章摘录的提要。 <summary>元素只是<details>的一部分，具有不同的目的。 <aside>描述了页面内容的作用。当摘录是档案页面的主要部分时，它并不是真正的切向内容。 OTOH如果它是一个帖子页面上的“另见”部分，那么<aside>将是完美的。

薄响

我认为最常用的语义方法是使用<article>AND<blockquote>，结合<h1>：

<article>
    <h1>Post title here</h1>
    <div class="meta">author, date, categories, tags, whatever</div>
    <blockquote>
        Excerpt
    </blockquote>
    <a href="/full/article">Read full Post</a>
</article>

这篇文章由你可能期望的内容组成：标题，内容和一些元。所以我认为这部分非常简单。然而，它也链接到一篇文章，这就是为什么内容包含在blockquote中。它引用了它链接到的文章的一部分。摘录是文章的一部分。恰好是刚开始的一件作品。无论如何，这种方法是我能够从所有文档和规范中推断出来的。是的，你可以在一个页面上使用多个<h1>标签，只要它有意义。看看http://html5doctor.com/html5-seo-search-engine-optimisation/：新的HTML5概述算法允许在页面中多个<h1>。关于开发人员是否会受到谷歌的惩罚，我们得到了很多疑问，根据神话，谷歌不允许这样做。我说“神话”是因为谷歌总是在页面上允许多个<h1>，只要它是有机的而不是试图游戏系统。

马口

<aside>似乎合适。根据规格：旁边的元素代表一个部分由内容组成的页面与切线相关的在旁边元素周围的内容，和这可以被认为是分开的从那个内容。这样的部分是通常表示为侧边栏印刷排版。在这种情况下，您的相关帖子与页面内容相切。我认为这正是旁边的内容类型。

蕾跨立锌煤

绝对不是一个旁边，因为摘录与页面上的其他内容无关。这是我想的文章。 <article><summary>Excerpt here</summary></article>怎么样？

要回复问题请先登录或注册

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

4 个回复

发起人

问题状态

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

与内容相关的链接

4 个回复

发起人

问题状态