这是文章元素的一个好的用法吗？

Question

我正在为一个新的重新设计重写一些代码，我想知道这是不是编写这个模块的最好的(实用的)语义方式？

这实际上有3-4个项目，并将项目向左/向右滑动，但我为此将其配对了一点。

​

​

Answer 1

在我看来没问题。(因为它满足作为独立内容项的标准)

从规范中：

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

Answer 2

是的，在这里使用article是很好的。

article元素是否应该位于section内部取决于页面的上下文。如果你使用一个sectioning元素，你也应该给它一个标题(但这不是必须的！)。

但是你对dl的使用是错误的

在您的示例中，“呈现”的名称(dt)将有两个值(dd)："Blue Iris Studio“和 "19”。名字"Walkins“的值应该是"6.3”。而“万里之外”这个名字就没有任何价值了。我想这不是你的意思。

请参阅spec

每个组必须包含一个或多个名称(dt元素)，后跟一个或多个值(dd元素)。

这里的顺序很重要:首先是1个dt，然后是1个或更多(!) dd。否则，将不清楚哪个dt和dd组成一个组。