HTML5中卡/卡容器的元素？

Question

article元素的规范说：

  

article元素表示由页面组成的组件   文档，页面，应用程序或站点中的自包含组合   这是为了可以独立分发或重复使用，   例如在联合。这可能是一个论坛帖子，杂志或   报纸文章，博客文章，用户提交的评论，以及   交互式小部件或小工具，或任何其他独立项目   内容。

所以，如果我正在建立一个网站，在其主页上，我有可点击的卡片并引导您进入文章页面，那么语义会更好 - 如果这张卡片是{{1} }或section元素？

Answer 1

将article元素用于post teasers是合适的。这取决于您显示的内容。例如：

• 是：如果您显示标题，说明，图片，作者姓名和发布日期，您一定要使用article元素。
• 否：如果您只显示标题，则无法保证article元素，因为每个预告片都会成为文档大纲中的条目（article是一个分段内容元素），但如果大纲条目不包含任何其他内容，则没有多大意义。
• 也许：介于两者之间。标题和日期？可能不是。标题和描述？可能是的。

如果您决定使用article（仅限！），您可以使用bookmark link type作为完整文章页面的链接。这可能暗示您的article不是＆＃34;完整的事情＆＃34;。

如果您决定不使用article，请不要使用section。如果在article和section之间进行选择，article是预告片的正确选择。但如果article不合适，则不应使用其他分段内容元素，而应使用p和/或ul（并且不使用标题元素）。