用于包裹语义完整、可独立存在的博客正文，须含标题，推荐含 、正文语义标签及可选 ；多篇并列时应平级不嵌套，与 （主题区块）和 （无语义容器）本质区别在于其独立分发能力。
用 <article></article> 包裹独立博客内容，核心是确保它语义完整、可单独存在——复制粘贴到别处，读者依然能看懂。
只包真正独立的内容单元
一篇完整的博客正文（含标题、作者、时间、正文段落、标签）才配用 <article></article>。以下不算：
- 首页的整篇博客列表（应拆成多个同级
<article></article>） - 侧边栏的“热门文章”卡片
- 页脚版权声明或分页导航
- 纯样式容器（比如为加内边距套的 div）
内部必须有标题，建议结构清晰
<article></article> 不强制子元素，但没标题就失去语义主干。推荐包含：
-
<header></header>：里面放<h1></h1>～<h6></h6>标题，可加<time datetime="2026-09-05">2026年9月5日</time> - 正文：用
<p></p>、<figure></figure>、<ul></ul>等语义标签，别用<div> 堆内容<li> <code><footer></footer>（可选）：放作者信息、分类、阅读数等元数据
多篇文章并列时，必须平级不嵌套
首页或归档页有 5 篇博文，就该写 5 个独立的 <article></article>，彼此是兄弟关系：
<main><article><header><h2>第一篇</h2></header><p>...</p></article><article><header><h2>第二篇</h2></header><p>...</p></article><!-- 不要包进一个外层 article 或 section 里 --></main>
嵌套只在真实包含关系下合法：比如主博文里引用另一篇完整旧文，那篇旧文才能作为子 <article></article> 出现。
和 section、div 的关键区别
三者视觉一样，区别全在“身份”：
-
<article></article>是“能发 RSS、能单独打印、能转发链接”的内容，如新闻、博客、评论 -
<section></section>是“页面内一个主题区块”，比如“安装步骤”“常见问题”，必须带标题，且不能脱离上下文 <div> 没身份，纯为样式或脚本服务，当 <code><article></article>和<section></section>都不合适时再用
