<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⁩.

Elelemento 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 acepteredacció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 losatributos 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>