Etiqueta <q> HTML

Definition and usage

<q> The tag defines short quotes.

Browsers usually insert quotation marks around the quote.

Tip:For long quotes, use <blockquote> tag.

See also:

HTML DOM Reference Manual:Quote object

Instance

Example 1

Mark short quotes:

<p>O objetivo da World Wide Fund for Nature é:
<q>Construir um futuro onde humanos e natureza vivam em harmonia.</q>
Esperamos que eles tenham sucesso.</p>

Experimente você mesmo

Example 2

Use CSS to set the style of the <q> element:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p>O objetivo da World Wide Fund for Nature é:
<q>Construir um futuro onde humanos e natureza vivam em harmonia.</q>
Esperamos que eles tenham sucesso.</p>
</body>
</html>

Experimente você mesmo

Atributo

Atributo Valor Descrição
cite URL Determina o URL da fonte da citação.

Atributos globais

<q> A etiqueta também suporta Atributos globais no HTML.

Atributos de evento

<q> A etiqueta também suporta Atributos de evento no HTML.

Configurações CSS padrão

A maioria dos navegadores usará os seguintes valores padrão para exibir <q> Elemento:

q {
  display: inline;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

Experimente você mesmo

Suporte de navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte