HTML中article和section标签有何本质区别？

本文共计1130个文字，预计阅读时间需要5分钟。

使用伪原创+article和section不会报错，但会导致屏幕阅读器、RSS抓取、SEO权重分散——关键不在能不能用，而在该不该独立存在。

什么时候必须用 article 而不是 section

判断标准只有一个：这块内容能否被剪下来单独发布，且不丢失核心意义和上下文可读性。

• 有明确作者、发布时间（如 <time datetime="2026-04-15"></time>），且可能进 RSS 或邮件简报 → 用 article
• 同一页面中并列多条同类内容（如博客列表页的每篇博文、新闻聚合页的每条快讯）→ 每条都该是 article
• 会被第三方嵌入（比如 PWA 离线缓存单篇、CMS 接口导出某条评论）→ 必须用 article
• 用了 <header><h1>...</h1></header> + <footer> 组合，且描述的是本体（不是父容器）→ 基本就是 article

section 的正确使用场景和常见误用

section 是“主题分组”，不是“视觉容器”。它必须自带语义标题，否则就失去了分组意义。