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.

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.

Aun que no es requerido por el estándar, los navegadores pueden formatear el texto en la cita de alguna manera. La forma más común de representar a los elementos blockquote es con una sangría.

Cualquier atribución del trabajo a su autor debe colocarse fuera del elemento blockquote. Los contenidos de este elemento deberían pertenecer al trabajo citado únicamente.

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.

X

Estás buscando un lugar para alojar tu próximo sitio? Puedo ayudarte con eso!