HTML <q> -elementti

Määritelmä ja käyttö

<q> Tagi määrittelee lyhyen lainauksen.

Selaimet lisäävät yleensä lainauksen ympärille lainausmerkit.

Vinkki:Pitkille lainauksille käytä: <blockquote>-tagi。

Katso myös:

HTML DOM -viittauskirja:Quote-objekti

Esimerkki

Esimerkki 1

Merkitse lyhyt lainaus:

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

亲自试一试

Esimerkki 2

Aseta CSS-tyyli <q>-elementille:

<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
支持 支持 支持 支持 支持