Citas - Elemento <blockquote>

El elemento <blockquote> representa una cita extensa o sección citada de otra fuente. A diferencia de <q>, está diseñado para contenido que ocupa su propio bloque y generalmente se muestra con sangría o un borde.

format_quote
Contenido extenso: Ideal para citas largas que necesitan su propio bloque
link
Atributo cite: URL de la fuente original (no visible por defecto)
format_align_left
Estilo visual: Los navegadores aplican sangría o borde izquierdo
person
Autoría: Se puede combinar con <footer> para indicar el autor
Elemento Uso Visualización
<q> Citas cortas en línea Comillas automáticas
<blockquote> Citas largas en bloque Sangría o borde
<blockquote cite= "https://example.com/quote" >
    <p> El éxito no es la clave de la felicidad. La felicidad es la clave del éxito. Si amas lo que haces, tendrás éxito. </p>
    <footer> Albert Schweitzer </footer>
</blockquote>

Resultado visual

El autor reflexiona sobre la relación entre éxito y felicidad:

El éxito no es la clave de la felicidad. La felicidad es la clave del éxito. Si amas lo que haces, tendrás éxito.

Albert Schweitzer

Esta perspectiva nos invita a reevaluar nuestras prioridades y enfocarnos en encontrar satisfacción en nuestro trabajo.