Etiqueta HTML <q>
La etiqueta <q> es un elemento en línea utilizado para citas cortas que no abarcan varias líneas. Para insertar citas más largas, debes usar el <blockquote> elemento de bloque.
Además de definir citas, la etiqueta <q> también se utiliza para definir palabras o frases que se usan en un sentido figurado.
Los navegadores generalmente rodean el texto dentro de la etiqueta <q> con comillas, cuyo aspecto depende de la codificación del documento HTML y del navegador. Puedes cambiar el aspecto de las comillas con la ayuda de estilos CSS.
Sintaxis
La etiqueta <q> se usa en pares. El contenido se escribe entre las etiquetas de apertura (<q>) y cierre (</q>).
Ejemplo de la etiqueta HTML <q>:
Etiqueta HTML <q>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Bernard Show says:
<q cite="https://www.wikiquote.org/">He who can, does; he who cannot, teaches.</q>
</p>
</body>
</html>Resultado
Ejemplo de las etiquetas HTML <q> y <blockquote>:
Ejemplo de la etiqueta HTML <q> utilizada con la etiqueta <blockquote>:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll</p>
<blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
I'm not crazy, my reality is just different than yours.
</blockquote>
<q cite="https://www.wikiquote.org/">He who can, does, he who cannot, teaches.</q>
</body>
</html>Atributos
| Atributo | Valor | Descripción |
|---|---|---|
| cite | URL | Indica la fuente de la cita. El usuario no puede ver esta información. |
| lang | código-de-idioma | Especifica el idioma del contenido del elemento. |
La etiqueta <q> admite los Atributos Globales y los Atributos de Eventos.
Cómo dar estilo a una etiqueta HTML <q>
<style>
q {
color: #2a7ae2;
font-weight: bold;
}
</style>
<p>He who can, <q>does</q>; he who cannot, teaches.</p>Práctica
¿Cuál es la función de la etiqueta HTML <q>?