Al combinar diferentes elementos de citas podemos crear estructuras más complejas y semánticamente ricas, incluyendo atribución y fuentes de manera adecuada.
<blockquote>
arrow_forward
<p>
arrow_forward
<footer>
format_quote
Cita anidada: Usar <q> dentro de <blockquote> para citas dentro de citas
person
Atribución con <footer>: Elemento ideal para indicar el autor o fuente
link
Fuente con cite: Atributo en el elemento principal para referenciar URL
text_format
<cite>: Elemento separado para referenciar títulos de obras
La combinación adecuada de estos elementos mejora la accesibilidad y el SEO de tus documentos, además de proporcionar una estructura semántica clara.
// Estructura completa con atribución y fuente
<blockquote
cite=
"https://example.com/steve-jobs-quote"
>
<p>
Tu trabajo va a ocupar una gran parte de tu vida, y la única forma de estar verdaderamente satisfecho es hacer lo que crees que es un gran trabajo. Y la única forma de hacer un gran trabajo es amar lo que haces.
</p>
<footer>
Steve Jobs, en su discurso de graduación en Stanford, 2005
</footer>
</blockquote>
visibility Ejemplo completo
Steve Jobs compartió una perspectiva valiosa sobre la pasión en el trabajo:
Tu trabajo va a ocupar una gran parte de tu vida, y la única forma de estar verdaderamente satisfecho es hacer lo que crees que es un gran trabajo. Y la única forma de hacer un gran trabajo es amar lo que haces.
Esta reflexión resalta la importancia de encontrar significado en nuestra labor diaria, más allá de simples consideraciones económicas o profesionales.