HTML q 标签：行内引用、cite 来源与引号用法

HTML q 元素在句子中标记一个短引用。浏览器通常会自动添加引号，cite 属性可以记录源 URL。该属性不会创建可点击的源链接，因此当读者需要时，请在文本中提供单独的链接。

q、blockquote 和 cite 的区别

在句子中引用其他来源的文字时使用 q。对于包含多段内容的独立引用，请使用 blockquote 块引用。不要仅仅为了强调一个词或添加讽刺引号而使用 q。

带有来源和嵌套引用的完整示例

将以下完整代码保存为 inline-quote.html 并在浏览器中打开。第一个引用是来自 HTML 标准的简短短语。第二个是为了演示嵌套引号而创作的虚构对话。不需要服务器或 JavaScript。

<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>q 与引用来源</title>
  <style>
    body { margin: 24px; font-family: sans-serif; line-height: 1.7; }
    q { quotes: '“' '”' '‘' '’'; }
    a { overflow-wrap: anywhere; }
  </style>
</head>
<body>
  <h1>短引用与来源</h1>
  <p>HTML 标准将 q 表示的内容描述为 <q lang="en" cite="https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-q-element">some phrasing content quoted from another source</q>。</p>
  <p>来源：<a href="https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-q-element" target="_blank" rel="noopener noreferrer"><cite>HTML Standard, q element</cite></a></p>
  <p>虚构对话：学生说，<q>告示上写着<q>请关门</q></q>。</p></body>
</html>

第一条引文与周围的解释保持在同一段落，并用引号括起。在虚构对话中，外层引文用双引号括起，内层引文用单引号括起。链接的来源标题单独出现在一段中；q 标签的 cite 属性中的地址不会自动显示。

避免添加重复的引号

如果你在 q 标签的前面、后面或内部立即输入引号来括同一条引文，它们可能会与浏览器生成的标点重复。示例中只将被引用的文字放入 q 标签中，标点留给浏览器处理。你也可以在普通文本中手动输入引号而不使用 q 标签，但不要对同一条引文同时使用两种引号。

默认引号样式可能因文档或元素的语言以及浏览器的样式而异。示例的 CSS quotes 规则明确设置了外层和内层引号，这样你可以清楚地比较结果。移除该规则以比较默认值，然后再恢复它。更改外观不会改变 q 元素作为引用的意义。

让读者可以访问来源

cite 属性是可选的。使用提供原文段落或其上下文的地址，而不是无关的主页。如果读者需要阅读原文，也请提供一个带有具体链接文本的 a 元素，如示例所示。准确复制经过验证的措辞，并区分引用内容与自己的说明。

不要假设每个屏幕阅读器都会以相同方式读出 q 引用的开始与结束。如果发言来源很重要，请在句子本身说明谁说了什么，例如“标准将其描述为……”。有关定义与使用条件，请参阅HTML 标准对 q 的定义和MDN 的 q 参考。