博客列表页和文章详情页都该用article，但逻辑不同：列表页每个条目是独立可分发单元，详情页整篇内容是独立实体；列表页每条用单独article含标题、时间、作者，详情页全文用一个article含h1标题及元数据。

博客列表页和文章详情页都该用 article，但用法逻辑不同：列表页里每个条目是独立的“可分发单元”，详情页里整篇内容是一个完整的“独立实体”——不是能不能用，而是怎么用才对。

博客列表页：每个卡片都是一个 article

首页或归档页展示多篇博文摘要时，每一条都必须包裹在单独的 article 中。它要能被 RSS 抓取、被搜索引擎单独索引、被分享链接直接跳转。

• 每篇必须含标题（<h2></h2> 最常用，避免多个 h1）
• 建议包含发布时间（<time datetime="2026-06-20">6月20日</time>）和作者信息
• 外层可用 <main></main> 或 <section></section> 组织这些并列的 article，但别为了“好看”硬加一层无意义的 section
• 摘要段落、封面图、分类标签都属于该 article 的一部分，不是额外包装

文章详情页：整篇正文是一个 article

点进某一篇后，页面主体内容应由一个 article 包裹，它代表这篇内容本身——不是页面结构，而是内容身份。

蕉点AI

一款AI图像与设计工具，主要用于AI电商商品图生成平台 | 智能商品素材制作工具，适合需要提升相关任务效率的用户。

下载

• 标题用 <h1></h1>（单页唯一），且必须描述本文主题，比如 <h1>如何排查 fetch 超时问题</h1>
• 必须有明确元数据：作者、发布/更新时间，推荐放在 <header></header> 和 <footer></footer> 内
• 文内小节（如“背景”“步骤”“结论”）用 section，不是子 article；它们依赖全文语境，不能单飞
• 评论区若每条评论含昵称、时间、独立链接，每条再套一个 article，形成合法嵌套

关键区别不在标签本身，而在内容粒度

列表页的 article 是“入口”，详情页的 article 是“本体”。前者强调可聚合性，后者强调完整性。两者都需标题与元数据支撑语义，缺一不可。

不复杂但容易忽略。