Inline Citations new 行内引用 web

Answer with sources3 sources

Progressive disclosure keeps an AI workspace readable while still making evidence available . The source should sit close to the claim it supports .

Select a citation to preview its source

标本可交互,可以直接操作。

Anatomy — every part, named解剖 —— 每个部件的名字

  1. 1 Citation marker引用标记 <sup> + <a>

    The compact reference placed beside a claim.

    放在论断旁边的紧凑来源链接。

    Prompt fragmentPrompt 片段

    a small numbered or labeled link with an accessible name such as Source 2

    一个带可访问名称的短编号或标签链接,例如来源 2

  2. 2 Source preview来源预览 aria-describedby

    A short excerpt that helps readers decide whether to open the source.

    帮助读者决定是否打开来源的短摘录。

    Prompt fragmentPrompt 片段

    a focused preview showing source title, excerpt, date, and Open source action

    聚焦的预览区,显示来源标题、摘录、日期和 Open source 操作

  3. 3 Open source link打开来源链接 <a rel=noopener>

    The path to the full document or original passage.

    通往完整文档或原文段落的路径。

    Prompt fragmentPrompt 片段

    a clear external link that names where it leads and opens safely

    清楚说明目的并安全打开的外部链接

  4. 4 Citation status引用状态 role=status

    The fallback when a source is loading or unavailable.

    来源正在加载或不可用时的回退。

    Prompt fragmentPrompt 片段

    a concise loading or unavailable message that keeps the cited claim visible

    简短的加载或不可用说明,同时保留被引用论断

Prompt — paste into your agentPrompt —— 直接粘贴给你的代理

Build inline citations for an AI answer. Place compact numbered or labeled source markers immediately beside supported claims, make each marker keyboard reachable, and open a source preview with title, excerpt, and Open source action. Keep the citation distinguishable without color, preserve the answer when a source fails, and avoid implying confidence beyond the cited evidence.

为 AI 回答构建行内引用。在有依据的论断旁放置紧凑的编号或标签标记,让每个标记可用键盘访问,并打开含标题、摘录和 Open source 操作的来源预览。引用不能只靠颜色区分;来源失败时保留回答;不要暗示超出引用证据的确定性。

Debug prompt — when it misbehaves调试 Prompt —— 当它不听话时

Debug my inline citations. Check that every marker has a unique accessible name and points to the right source; keyboard focus opens and closes the preview predictably; citations do not shift the paragraph layout; missing sources explain the failure; external links identify their destination; and the answer remains readable when markers or previews are unavailable. The symptom:

调试我的行内引用。检查每个标记有唯一的可访问名称且指向正确来源;键盘焦点能稳定打开和关闭预览;引用不会造成段落布局跳动;缺失来源说明失败原因;外部链接说明目的地;标记或预览不可用时回答仍可读。症状:

In code代码里叫什么

Framework框架Symbol符号Note说明
HTML <sup> + <a> use a real link or button with a clear accessible name
ARIA aria-describedby + aria-current connect a claim to its source and active preview
UX source preview + open source offer quick context without trapping the reader
CSS text-decoration + focus-visible keep markers readable in dense prose

See also相关词条

我的参考集

组合页面参考、知名网站、UI 元素和视觉风格,导出给 AI。

你的下一份设计,从这里开始。

在任意标本旁点击「加入参考」,就能把页面、品牌、组件和风格组合成一份 AI 设计说明。

浏览页面参考

搜索参考库Search the library

输入关键词,搜索所有参考。