40 diseños de citas en la web

En la web tenemos 3 etiquetas semánticas para lo que son citas, con diferentes funciones:

  • blockquote: una cita larga, que puede contener varios párrafos.
  • q: una cita corta, en la misma línea que el resto del texto (in-line).
  • cite: es la referencia o autor de una cita.

El más usado es blockquote, sobre todo porque muchos editores visuales ofrecen solo ese.

Por eso en algún momento me pareció que lo más flexible y apropiado era diseñarlo sin comillas.

En este post de SmashingMagazine hay decenas de diseños, en general bastante sencillos, por ejemplo este que me parece sencillo y elegante, del sitio ilovetipography.com:

Etiquetas: , ,

1 comentario

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *