摘要应作为 article 的逻辑子部分置于标题后、正文前，用 header 包裹标题与摘要，摘要用 p 或 div 标签，通过 aria-describedby 关联标题与摘要，保持可见且自足精炼，避免隐藏或机械截断。

article 标签本身不包含摘要语义，它只表示一个独立、可复用的内容单元。摘要需由开发者主动添加，并通过恰当的 HTML 结构与属性明确表达其角色。

摘要应作为 article 的逻辑子部分，而非额外容器

把摘要写在 article 内部，紧邻标题之后、正文之前，是最自然的结构。它不是 article 的“兄弟”，而是其内容流的一部分。

• 用 header 包裹标题和摘要，体现二者同属文章头部信息
• 摘要使用 p 或 div 即可，无需额外语义标签（如 summary，它专用于 details）
• 避免将摘要提至 article 外层——这会破坏内容归属关系，影响无障碍阅读和爬虫理解

用 aria-describedby 关联摘要与标题，增强可访问性

屏幕阅读器用户常靠标题快速跳转，若摘要能被“标题所描述”，体验更连贯。

• 为 h2（或 h1/h3）添加 id="post-title"
• 为摘要容器添加 id="post-excerpt"
• 在标题上加 aria-describedby="post-excerpt"，明确声明“此标题由该摘要描述”

避免用 hidden 或 display: none 隐藏摘要

摘要对 SEO 和辅助技术有价值，隐藏即放弃其语义作用。

• 若需视觉收起（如折叠列表），用 details/summary 或 JS 控制 height + overflow，保持 DOM 可读
• 纯 CSS 隐藏（visibility: hidden / opacity: 0）仍可能被读屏软件读取，但不可靠，不推荐
• 真正不需要摘要时，就不要渲染它，而不是藏起来

列表页中的 article 应自带完整摘要，不依赖外部提示

博客列表页的每个 article 是独立上下文，不能指望用户记住前文或点击后才理解内容主题。

• 摘要文字需自足：交代核心事件、观点或结果，不含“本文将介绍…”这类预告式套话
• 长度控制在 1–3 行（约 80–150 字），兼顾信息量与扫读效率
• 避免仅截取正文开头——可能切在半句话中，丢失主谓宾；应重写或提炼，而非机械截断