Etiqueta HTML <q>


Ejemplo

Marque una cita breve:

<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

La <q>etiqueta define una cita corta.

Los navegadores normalmente insertan comillas alrededor de la cita.

Sugerencia: Use <blockquote> para citas largas. 


Compatibilidad con navegador

Element
<q> Yes Yes Yes Yes Yes

Atributos

Attribute Value Description
cite URL Specifies the source URL of the quote


Atributos globales

La <q>etiqueta también es compatible con los atributos globales en HTML .


Atributos de eventos

La <q>etiqueta también es compatible con los atributos de eventos en HTML .


Más ejemplos

Ejemplo

Usa CSS para diseñar el elemento <q>:

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

<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

</body>
</html>

páginas relacionadas

Referencia HTML DOM: objeto de cotización


Configuración predeterminada de CSS

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

Ejemplo

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}