Elemento blockquote
Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.
Tabla de contenidos
Descripción
El elemento blockquote
permite a los autores insertar citas en forma de bloques de contenido, usualmente compuestas por un párrafo, un grupo de párrafos o un conjunto de muchos otros elementos incluyendo imágenes (img
), tablas (table
) y artículos (article
), entre otros. Esta es la principal diferencia entre este elemento y q
, que está diseñado para citar únicamente líneas de texto.
Adicionalmente, el recurso de donde se ha extraído la cita puede ser especificado en el atributo cite
, proporcionando su URL.
Ejemplos
En el siguiente ejemplo, un párrafo ha sido citado del libro "Juego de tronos" de George R. R. Martin. El URL de la página del libro en el sitio web de Martin es provisto en el atributo cite
. Nota cómo la atribución al autor es realizada apropiadamente fuera del elemento blockquote
.
<p>Nuevamente, podemos ver cómo la distancia y los recuerdos oscurecían su alma:</p>
<blockquote cite="http://www.georgerrmartin.com/grrm_book/a-game-of-thrones-a-song-of-ice-and-fire-book-one/">
<p>No tenía un destino en mente. Solo quería cabalgar. Siguió el arroyo por un tiempo, escuchando el goteo del agua congelada sobre las rocas, luego cortó camino a través de los campos hacia el camino del rey.</p>
</blockquote>
<p>— Goerge R. R. Martin</p>
Nuevamente, podemos ver cómo la distancia y los recuerdos oscurecían su alma:
No tenía un destino en mente. Solo quería cabalgar. Siguió el arroyo por un tiempo, escuchando el goteo del agua congelada sobre las rocas, luego cortó camino a través de los campos hacia el camino del rey.
— Goerge R. R. Martin
Ahora, el elemento blockquote
es utilizado en otra forma muy habitual, para encerrar citas en un foro. Si alguna vez usaste un foro, sabrás que cualquier publicación puede tener una cita de otra publicación. Aquí, un usuario está citando y respondiendo al usuario de la publicación anterior.
<p><b>Mark</b> dijo el 04/04/2014</p>
<blockquote>
<p>No creo que esto sea un cambio importante en el juego. De todos modos, si hay un cambio, también puede ser para mejor...</p>
</blockquote>
<p>Debes estar bromeando Mark! Esto destruirá a la comunidad...</p>
Mark dijo el 04/04/2014
No creo que esto sea un cambio importante en el juego. De todos modos, si hay un cambio, también puede ser para mejor...
Debes estar bromeando Mark! Esto destruirá a la comunidad...
Por último, otro ejemplo muy común, esta vez utilizando el elemento blockquote
en conjunto con cite
, para encerrar el nombre del trabajo del cual la cita fue extraída.
<p>Se ha dejado muy claro en la especificación de <cite>HTML</cite>:</p>
<blockquote>
<p>La atribución de la cita, si existe, debe ser colocada fuera del elemento blockquote.</p>
</blockquote>
Se ha dejado muy claro en la especificación de HTML:
La atribución de la cita, si existe, debe ser colocada fuera del elemento blockquote.
Atributos
Atributos específicos
cite
El URL del recurso del cual se ha extraido la cita.
Ejemplo
<blockquote cite="http://es.wikipedia.org/wiki/Totalitarismo">
<p>Se conoce como totalitarismos a las ideologías, los movimientos y los regímenes políticos donde la libertad está seriamente restringida y el Estado ejerce todo el poder sin divisiones ni restricciones.</p>
</blockquote>
Se conoce como totalitarismos a las ideologías, los movimientos y los regímenes políticos donde la libertad está seriamente restringida y el Estado ejerce todo el poder sin divisiones ni restricciones.
Atributos globales
Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.
Eventos
Eventos globales
Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.