必须含语义标题（如），否则影响无障碍和seo；/承载元数据且仅作用于当前；嵌套需满足“可独立分发、引用、rss抓取”三可原则；用于不可独立存在的内容分组。
article 必须含标题，否则语义断裂
没有 <h1></h1>–<h6></h6> 的 <article></article> 不会报错，但读屏软件可能跳过整块，Lighthouse 会标 warning，Google 可能降权。标题不是装饰，是语义锚点——它告诉辅助工具“这段内容讲什么”。
- 标题必须描述本块内容本身，比如
<h2>fetch 超时的五种排查路径</h2>，而不是<h2>我的技术博客</h2> - 单篇页面可用
<h1></h1>；列表页中每篇用<h2></h2>更合理，避免多个<h1></h1> - 真没标题？至少用
<h2 aria-label="无标题笔记"></h2>占位，别裸留空<article></article> - 别用
<div class="title"> 模拟标题——屏幕阅读器完全识别不了 <h3>header / footer 不是可选装饰，而是元数据载体</h3> <p><code><header></header>和<footer></footer>在<article></article>内部不是视觉容器，而是语义信号：前者承载本篇的标题与发布时间，后者承载作者、分类、编辑时间等元数据。它们的作用范围仅限于当前<article></article>，不继承外层结构。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件下载如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
-
<time datetime="2026-05-28">2026-05-28</time>必须带 ISO 8601 格式的datetime属性，否则读屏器无法解析时间 -
<header></header>里别放全站 logo 或导航链接，只放本篇标题 +<time></time>+ 作者名 -
<footer></footer>放本文标签、相关链接、编辑时间，不是网站版权信息 - 避免在
<article></article>里再用<main></main>或——这些标签全局唯一，嵌套即错误
嵌套 article 的唯一合法场景：子内容也满足“三可”
嵌套语法合法，但绝大多数嵌套都是误用。判断是否该嵌套，只看子内容是否也满足“可独立分发、可单独引用、可 RSS 抓取”——不是看它“看起来像一段话”，而是看它有没有自己的作者、时间、独立 URL。
- ✅ 合法：
<article></article>（主博客）→ 每条评论各自为<article></article>（含昵称、<time></time>、原文链接） - ✅ 合法：主报道中嵌入专家评论，且该评论本身有署名、发布时间、原文链接
- ❌ 错误：把“第一部分”“第二部分”包成子
<article></article>→ 那该用<section></section> - ❌ 错误：超过两层嵌套（
<article></article>→<article></article>→<article></article>）→ 内容粒度失控，该回退重梳结构
和 section 的本质区别就在“抽出来还能不能活”
这不是样式或布局问题，而是内容生存能力问题。把一段 HTML 剪出来粘到空白文件里打开，用户是否还能立刻回答三个问题：这是谁写的？什么时候发的？讲了什么事？能 →
<article></article>；不能 →<section></section>或<div>。 <ul> <li>博客首页的「最新三篇文章」列表 → 每项用 <code><article></article>（每篇都自成一体） -
- 同一页面里的「背景介绍」「技术原理」「使用示例」→ 用
<section></section>（合起来才构成完整说明） - 产品页的「用户评价」区域 → 整个区域用
<section></section>或<aside></aside>，每条评论用<article></article> - 侧边栏推荐、面包屑、页脚版权 → 全部不该用
<article></article>，分别该用<aside></aside>、<nav></nav>、<footer></footer>
<article></article> 用 <h2></h2>，子 <article></article> 就该用 <h3></h3>，否则无障碍树会丢失逻辑深度。这不是格式要求，是读屏器真正依赖的导航依据。
