我应该如何用 html5 编写“归档页面”或“类别索引”？

Question

我有一个链接列表，其中每个项目都与简短描述和一些元信息相关联，例如发布日期、作者等。 我应该如何在 html5 中标记这个？

<ul>
    <li>
        <section>    .... OR ARTICLE?
           <header>
               <h1>title</h1>
               pubdate, author, etc
           </header>
           shortdesc
        </section>
    </li>
    .... repeat
</ul>

您认为使用部分/文章是个好主意吗？

还是纯<li>s 更好？

文章或部分？

重要提示：每个项目都不包含完整的内容（文章），只有简短的描述和指向实际包含文章的页面的链接。

我也对 SEO 观点感兴趣！

Answer 1

我建议在这里使用article，因为每个项目本身都是一个单独的实体，并且可以联合起来（例如，在 RSS 提要中）。前段时间我写了一点：HTML5: Section or Article?.

您也不需要在这里使用列表，因为每个article 都可以被视为一个列表项。

我还建议使用time 元素来包含每个条目的发布日期。

至于 SEO，我的建议很好，您发布的示例代码也是如此。