¿Para qué sirve y cómo uso la etiqueta «q»?
Usa la etiqueta «q» para citas cortas en línea. Los navegadores añaden comillas automáticamente. ¡Aprende a citar correctamente dentro de tus párrafos!
La etiqueta <q> (del inglés «quote» o cita) se utiliza en HTML para marcar citas cortas que se integran directamente en línea dentro de un párrafo o una frase.
Se diferencia de la etiqueta <blockquote>, que está pensada para citas más largas que constituyen un bloque de texto independiente.
El propósito principal de la etiqueta <q> es indicar semánticamente que el texto que encierra es una cita breve extraída de otra fuente.
Una característica importante y muy útil de la etiqueta <q> es que los navegadores web suelen añadir automáticamente las comillas apropiadas (por ejemplo, comillas dobles “ ”, comillas simples ‘ ’, o comillas angulares « ») alrededor del contenido citado.
El tipo exacto de comillas puede depender del idioma de la página (especificado por el atributo lang en la etiqueta <html> o en un elemento padre) y de la configuración del navegador o los estilos CSS aplicados. Esto significa que, al usar <q>, no necesitas escribir tú mismo las comillas en el código HTML.
Al igual que <blockquote>, la etiqueta <q> también puede llevar un atributo cite, cuyo valor debería ser una URL que apunte al documento o recurso original de donde se tomó la cita. Esta URL no se muestra visiblemente al usuario por defecto.
Cómo usarla:
Simplemente envuelves la cita corta con las etiquetas <q> y </q>.
Ejemplos:
<p>Mi madre siempre decía: <q>A quien madruga, Dios le ayuda</q>. Y cuánta razón tenía.</p>
<p>El artículo mencionaba que el descubrimiento fue <q cite="http://www.ejemplo.com/articulo-ciencia">un hito inesperado para la comunidad científica</q>.</p>
<p>Cuando le pregunté, él simplemente respondió <q>no lo sé</q> y se encogió de hombros.</p>
Lenguaje del código: PHP (php)En resumen, usa <q> para fragmentos cortos de texto citados que fluyen naturalmente dentro de tu contenido, y deja que el navegador se encargue de las comillas. Para citas más extensas, recuerda usar <blockquote>.
