Citas: qué tag usar según la ocasión

Las citas se usan para enfatizar elementos del texto. De acuerdo con HTML, hay tres elementos que marcan semánticamente las citas:
<blockquote>, <q> y <cite> Cada tipo de cita se usa en contextos distintos, así que ¿Cuándo usar cada una?

A continuación les daré un breve pantallazo acerca de cómo y cuándo usar los distintos tipos de cita.

<blockquote>

Se usa para citas largas. Debe contener distintos bloques de elementos como títulos, párrafos o listas. También se puede usar el atributo cite para especificar la dirección de Internet de la cual proviene la cita.

<q>

Es usado para realizar citas pequeñas y su mayor utilidad es poder definir en CSS el estilo que se le dará a todas las citas.

Por ejemplo:

Q {}Q { quotes: '»' '«'   }Q { quotes: '„' '“' }

También es posible usando este tag especificar como se verá la cita dependiendo del lenguaje del navegador. Por ejemplo:

:lang(fr) > Q { quotes: '« ' ' »' }:lang(de) > Q { quotes: '»' '«' }

Lamentablemente, Internet Explorer no soporta esta funcionalidad.

<cite>

Es utilizado para realizar una referencia a otra fuente dentro de una misma oración. Por lo general, cite no suele ser puesto en práctica.

Para aprender mucho más sobre las citas y ver distintos diseños que puedan tener visiten el sitio de Smashing Magazine (clic aquí).