HTML <q> 标签

定义和用法

<q> 标签定义短的引用。

浏览器通常会在引用周围插入引号。

提示：对于长的引用，请使用 <blockquote> 标签。

另请参阅：

HTML DOM 参考手册：Quote 对象

实例

例子 1

标记简短的引用：

<p>世界自然基金会的目标是：
<q>建设人与自然和谐相处的未来。</q>
我们希望他们成功。</p>

亲自试一试

例子 2

使用 CSS 设置 <q> 元素的样式：

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>

<p>世界自然基金会的目标是：
<q>建设人与自然和谐相处的未来。</q>
我们希望他们成功。</p>

</body>
</html>

亲自试一试

属性

属性 值 描述
cite URL 规定引用的源 URL。

全局属性

<q> 标签还支持 HTML 中的全局属性。

事件属性

<q> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <q> 元素：

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持