Etiqueta <q> de HTML

Definición y uso

<q> La etiqueta define una cita breve.

Los navegadores suelen insertar comillas alrededor de la cita.

Consejo:Para citas largas, utilice: Etiqueta <blockquote>.

Vea también:

Manual de Referencia HTML DOM:Objeto Quote

Ejemplo

Ejemplo 1

Marcar una cita breve:

<p>El objetivo de la Fundación Mundial para la Naturaleza es:
<q>Construir un futuro en el que las personas y la naturaleza vivan en armonía.</q>
Esperamos que tengan éxito.</p>

Prueba por ti mismo

Ejemplo 2

Configurar el estilo de un elemento <q> utilizando CSS:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p>El objetivo de la Fundación Mundial para la Naturaleza es:
<q>Construir un futuro en el que las personas y la naturaleza vivan en armonía.</q>
Esperamos que tengan éxito.</p>
</body>
</html>

Prueba por ti mismo

Atributo

Atributo Valor Descripción
cite URL Define la URL de origen de la cita.

Atributos globales

<q> La etiqueta también admite Atributos globales en HTML.

Atributos de evento

<q> La etiqueta también admite Atributos de evento en HTML.

Configuración CSS predeterminada

La mayoría de los navegadores mostrarán los siguientes valores predeterminados <q> Elemento:

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

Prueba por ti mismo

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte