HTML5中卡片/卡片容器的元素？

Question

article 元素的规范说：

article 元素表示页面的一个组件，该组件由 文档、页面、应用程序或站点中的独立组合 并且旨在独立分发或可重复使用， 例如在辛迪加。这可以是论坛帖子、杂志或 报纸文章、博客条目、用户提交的评论、 交互式小部件或小工具，或任何其他独立项目 内容。

因此，如果我正在构建一个网站，在其主页中，我有可点击的卡片并将您引导至文章页面，那么在语义上会更好 - 如果这张卡片是 section 或article 元素？

Answer 1

在预告片中使用article 元素可能是合适的。这取决于您展示的内容。例如：

• 是：如果您显示标题、描述、图片、作者​​姓名和出版日期，您绝对应该使用article 元素。
• 否：如果你只显示标题，article 元素将不被保证，因为每个预告片都会成为文档大纲中的一个条目（因为article 是一个分段内容元素），但如果大纲条目不包含任何附加内容，则它没有多大意义。
• 也许：介于两者之间。标题和日期？可能不是。标题和描述？可能是的。

如果您决定使用article（只有这样！），您可以使用bookmark link type 链接到完整的文章页面。这可能暗示您的 article 不是“完整的东西”。

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