¿Para qué sirve la etiqueta «blockquote»?

La etiqueta <blockquote> en HTML se utiliza para marcar un bloque de texto que ha sido citado textualmente desde otra fuente. Es decir, se usa para representar contenido que es una cita extensa, como un párrafo completo o varios párrafos extraídos de un libro, un artículo, un discurso, otra página web, etc.

La principal función de <blockquote> es semántica: indica claramente que el texto encerrado no es original del autor de la página, sino una reproducción de palabras ajenas.

Por defecto, los navegadores suelen aplicar un cierto margen o sangría al contenido dentro de un <blockquote> para distinguirlo visualmente, aunque este estilo se puede personalizar completamente con CSS.

Para atribuir la fuente de la cita, tienes principalmente dos formas:

1. El atributo cite en la etiqueta <blockquote>:
   Puedes añadir el atributo cite a la propia etiqueta <blockquote>, y su valor debería ser una URL que apunte al documento o recurso original de donde se extrajo la cita.
   Esta URL no se muestra visiblemente al usuario por defecto, pero puede ser utilizada por el navegador o herramientas de software.
   <blockquote cite="https://www.fuente-del-articulo.com/pagina-ejemplo">
<p>Esta es una cita larga e interesante que he tomado de otra página web para ilustrar un punto importante en mi contenido.</p>
</blockquote>
2. Los elementos <footer> y/o <cite> para atribución visible:
   Si quieres mostrar el nombre del autor o la fuente de la cita de forma visible, es una práctica común añadir un elemento <footer> después (o a veces dentro, al final) del <blockquote>.
   Dentro de este pie de cita, puedes incluir el nombre del autor y/o el título de la obra.
   La etiqueta <cite> se utiliza específicamente para referenciar el título de una obra (como un libro, una película, un poema, etc.), no para el nombre de una persona.
   <blockquote>
<p>El comienzo es la parte más importante de la obra.</p>
</blockquote>
<footer>— Platón, <cite>La República</cite></footer>

Importante: No debes usar <blockquote> simplemente para conseguir un efecto de sangría en el texto. Su propósito es estrictamente para citas. Para citas más cortas que van integradas dentro de un párrafo, se utiliza la etiqueta <q>.