HTML5部分或文章

从技术上讲,使用没有区别 <section> vs <article> 。两人的行为完全一样 <div> 标签。因此,对于使用CSS进行样式设计,它们中的哪一个(或其他 div-like elements )你使用。

但它们就是所谓的 semantic HTML elements ,所以它们传达了一种意义。哪个重要

• ones代码的可读性(对开发人员)
• 可访问性(对于使用屏幕阅读器的视障人士)
• SEO(搜索引擎爬虫可以更好地了解你的网站是关于什么的)

根据 W3C (谁开发HTML标准):

这个 部分 元素表示文档的一个部分,通常带有标题或标题~ Link

这个 文章 元素表示构成文档或网站的独立部分的内容部分;例如,杂志或报纸文章,或博客条目~ Link

在你的情况下,两个外层 <部分> 元素非常合理,但你可以把最里面的 <部分> s进入 <文章> s、 因为作为产品,它们在某种程度上是独立的。

之间的主要区别 <section> 和一个 <article> 是后者。。。

…表示文档、页面、应用程序或网站中的自包含组合,旨在独立分发或可重复使用(例如,在联合中)。示例包括:论坛帖子、杂志或报纸文章、博客条目、产品卡、用户提交的评论、交互式小工具或小工具,或任何其他独立内容。

MDN Web Docs: The Article Contents element

你现在拥有的一切都很好。

或者,如果您希望单独的规范是可独立分发或可重复使用的,您可以转换那些最内部的规范 <部分> 元素到 <文章> 元素。这两种方法都是有效的HTML,并且在语义上是合理的。在这种情况下,这在某种程度上是你作为作者的判断。

就我个人而言,由于这些规范块是自包含的,如果将它们从页面中裁剪出来单独使用,则可能完全有意义,因此我倾向于使用 <文章> 。但这取决于解释和作者的意图。

但不要把一篇只有一个部分的文章作为它的一个孩子,反之亦然。你可以把它们混合在一起,但不要为了两者都用而把东西包起来。