Elemento q en HTML

Elemento q en html

El elemento html q indica que el texto contenido en él representa una cita corta, este elemento se utiliza para las citas que no necesitan un párrafo completo y para las citas largas, utilice el elemento <blockquote>.

Ejemplo de uso del elemento <q>:

< p >
  En el sitio web
  < q  cite = "https://bigcode.es/" >
  La programación abre las puertas a un nuevo mundo.
  </ q > 
</ p >

Etiqueta html q

Clasificaciones de contenidoElemento organizativo o elemento normal.
Contenido permitidoContenido ordinario.
AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
Elementos del padreCualquier elemento que acepte contenido normal.
Interfaz DOMOHTMLQuoteElement

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
SoportadoSoportadoSoportadoSoportadoSoportado

Características

En este elemento se pueden utilizar propiedades globales.

cite

El valor de esta propiedad representa la URL que apunta o explica el documento fuente de esta cita. El propósito de esta propiedad es proporcionar un enlace para explicar más información sobre la cita o indicar su fuente.

Formato predeterminado

La mayoría de los navegadores modernos agregan comillas automáticamente alrededor del texto contenido en un elemento <q>, pero es posible que deba usar una regla CSS para agregar comillas en los navegadores más antiguos.

Navegadores este elemento muestra los de propiedad mediante el ajuste displayinline, y el uso de la pseudo – elemento ‎::before::after con la propiedad content para añadir comillas antes y después del elemento:

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}