轻松上手,快乐学习!

HTML <q> 标签



实例

标记短的引用:

<p>WWF 的目标是:
<q>建设人与自然和谐相处的未来。</q>
我们希望他们成功。</p>
亲自试一试 »

下面有更多实例。


定义和用法

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

浏览器经常在引用的内容周围添加引号。

提示: 使用 <blockquote> 标签定义长的引用。


浏览器支持

元素
<q> Yes Yes Yes Yes Yes

属性

属性 描述
cite URL 定义引用的出处或来源

全局属性

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


事件属性

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


更多实例

实例

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

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

<p>WWF 的目标是:
<q>建设人与自然和谐相处的未来。</q>
我们希望他们成功。</p>

</body>
</html>
亲自试一试 »

相关页面

HTML DOM 参考手册: Quote 对象


默认CSS设置

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

实例

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}
亲自试一试 »