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



article元素的规范说:

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

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

article元素用于后期预告片可能是合适的。这取决于您显示的内容。例如:

  • :如果显示标题、描述、图像、作者姓名和出版日期,则绝对应使用article元素。
  • :如果您只显示标题,则无需保证article元素,因为每个预告片都将成为文档大纲中的一个条目(因为article是分段内容元素),但如果大纲条目不包含任何其他内容,则大纲条目没有多大意义。
  • 也许:介于两者之间。标题和日期?应该不会。标题和描述?大概是的。

如果您决定使用article(并且只有这样!),则可以使用bookmark链接类型作为指向完整文章页面的链接。这可能暗示您的article不是"完整的东西"。

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

最新更新