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

Question

该article元素的规范说：

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

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

Answer 1

article将该元素用于后预告片可能是合适的。这取决于你展示的内容。例如：

\n\n

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

\n\n

如果您决定使用article（并且只有这样！），您可以使用bookmark链接类型作为完整文章页面的链接。这可能暗示您的article\xe2\x80\x99t不是“完整的东西”。

\n\n

如果您决定不使用article，请不要使用\xe2\x80\x99t section。如果在article和之间进行选择section，article则 是预告片的正确选择。但如果article\xe2\x80\x99不合适，则\xe2\x80\x99不应该使用另一个分段内容元素，但类似于p和/或ul（并且没有标题元素）。

\n