<q>: El elemento de cita en lÃnea

Baseline

Widely available

This feature is well established and works across many devices and browser versions. Itâs been available across browsers since julio de 2015.

El elemento HTML <q> indica que el texto adjunto es una cita corta en lÃnea. La mayorÃa de los navegadores modernos implementan esto rodeando el texto entre comillas. Este elemento estÃ¡ destinado a citas breves que no requieren saltos de pÃ¡rrafo; para citas de bloque independiente, utiliza el elemento <blockquote>.

PruÃ©balo

<p>
  When Dave asks HAL to open the pod bay door, HAL answers:
  <q
    cite="https://www.imdb.com/title/tt0062622/quotes/?item=qt0396921&ref_=ext_shr_lnk">
    I'm sorry, Dave. I'm afraid I can't do that.
  </q>
</p>

q {
  font-style: italic;
}

CategorÃas de contenido	Flujo de contenido, redacciÃ³n de contenido, contenido palpable.
Contenido permitido	RedacciÃ³n de contenido.
OmisiÃ³n de etiqueta	Ninguna, tanto la etiqueta inicial como la final son obligatorias.
Padres autorizados	Cualquier elemento que acepte redacciÃ³n de contenido.
Rol de ARIA implÃcito	Rol no correspondiente
Roles ARIA permitidos	Algunos
Interfaz DOM	`HTMLQuoteElement`

Nota: La mayorÃa de los navegadores modernos automÃ¡ticamente agregarÃ¡n comillas alrededor del texto dentro de un elemento <q>. Es posible que se necesite una regla de estilo para agregar comillas en navegadores antiguos.

Atributos

Este elemento incluye los atributos globales.

cite: El valor de este atributo es una URL que designa un documento o mensaje fuente para la informaciÃ³n citada. Este atributo estÃ¡ destinado a seÃ±alar informaciÃ³n que explica el contexto o la referencia de la cita.

Ejemplo

html

<p>
  Conforme al sitio web de Mozilla,
  <q cite="https://www.mozilla.org/en-US/about/history/details/"
    >Firefox 1.0 fue lanzado en 2004 y se convirtiÃ³ en un gran Ã©xito.</q
  >
</p>