全部文章
发布与验证

让 AI 整理文章目录:标题层级用真实结构验证

让标题描述段落内容,而不是用字号决定层级。

资料核验2026.11.12 · W3C WAI · 网页可访问性

一篇长文标题很漂亮,但快捷跳转时目录顺序奇怪。「安装」和「macOS」明明是父子内容,页面却给了同一层级。视觉样式无法表达给辅助技术的结构。

给 AI 的上下文与边界

让助手把一篇多平台安装文先整理成标题树,标明安装、验证、故障排查各自的层级。要求按 Markdown 渲染后的 HTML 检查目录链接和目标 ID,样式独立处理。

流程示意:文章主标题;章节标题;步骤或平台分支

把文章当成一份大纲看

主标题下面用二级标题拆章节,章节里的步骤或平台差异用三级标题。样式用 CSS 处理。先只读标题,判断能否知道文章从哪开始、要在哪里找适用说明。

如果目录是自动生成的,再逐个点跳转,确认标题没有被固定页头遮住,键盘焦点也能继续前进。

添加文章时先写两三个能解释内容的标题,正文更容易收住范围。

可以直接照着做的演练

假设目录应显示「安装」下面的「macOS」「Linux」,以及同级的「验证」。从浏览器提取 h1、h2、h3 和目标 ID,核对层级和点击位置。字体变小只是视觉差异,语义层级由标签确定。

检查生成结果

  • 目录能区分章节和子节。
  • 每个跳转定位唯一目标。
  • 固定页头不遮住标题。
  • 调整字号后层级仍能从结构读出。

复查时追问一层

交付时只读标题列表,确认读者能找到自己的平台。如果同名标题导致 ID 冲突,用实际生成页面确认跳转。标题文本应说明内容,避免模型批量生成含义相同的空泛标题。

目录自动生成时,用一篇有两个同名小节的文档检查定位。标题跳转既要落到正确节点,也要在大字号或移动端可见。用户回到目录继续跳时,标题层级应仍能区分大章节和具体操作。

资料来源