<q>:内联引用元素

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

<q> HTML 元素表示其中包含的文本是一个简短的内联引用。大多数现代浏览器通过在文本周围加上引号来实现这一点。该元素适用于不需要段落换行的短引用;对于长引用,请使用 <blockquote> 元素。

试一试

<p>
  When Dave asks HAL to open the pod bay door, HAL answers:
  <q
    cite="https://www.imdb.com/title/tt0062622/quotes/?item=qt0396921&ref_=ext_shr_lnk">
    I'm sorry, Dave. I'm afraid I can't do that.
  </q>
</p>
q {
  font-style: italic;
}

属性

此元素包含全局属性

cite

此属性的值是一个 URL,用于指定所引用信息的源文档或消息。此属性旨在指向解释引用上下文或引用的信息。

示例

html
<p>
  According to Mozilla's website,
  <q cite="https://www.mozilla.org/en-US/about/history/details/">
    Firefox 1.0 was released in 2004 and became a big success.
  </q>
</p>

结果

技术摘要

内容类别 流式内容语句内容、明显内容。
允许内容 短语内容.
标签省略 无,起始标签和结束标签都必须存在。
允许父级 任何接受短语内容的元素。
隐式 ARIA 角色 generic
允许的 ARIA 角色 任意
DOM 接口 HTMLQuoteElement

规范

规范
HTML
# the-q-element

浏览器兼容性

另见