HTML cuenta con distintas etiquetas para citar e indicar fuentes. Las principales son: <blockquote>
, <cite>
y <q>
. Analicemos sus diferencias.
<blockquote>
Se emplea para resaltar citas extensas dentro de un documento. Los navegadores suelen mostrar el contenido de esta etiqueta con sangrías en ambos lados.
Ejemplo:
<blockquote>
Esta es una cita extensa que ocupa varias líneas de texto. Generalmente, se usa para destacar bloques extensos de texto.
</blockquote>
Más información sobre la etiqueta <blockquote>.
<cite>
La etiqueta <cite>
se utiliza para indicar fuentes o títulos de obras. El contenido de esta etiqueta suele aparecer en cursiva.
Ejemplo:
<cite>Guerra y paz</cite> es una obra de León Tolstói.
Se utiliza para citas breves dentro de una línea. Los navegadores automáticamente añaden comillas al contenido de esta etiqueta, aunque no figuren en el texto original.
Más información sobre la etiqueta <cite>.
<q>
La etiqueta <q>
se utiliza para citas breves dentro de una línea. Los navegadores automáticamente añaden comillas al contenido de esta etiqueta, aunque no figuren en el texto original.
Ejemplo:
Recuerda las palabras de César: <q>Vine, vi, vencí</q>.
Más información sobre la etiqueta <q>.
Resumen:
- Citas extensas:
<blockquote>
- Citas cortas dentro de una línea:
<q>
- Fuentes:
<cite>
Ten en cuenta que las citas no tienen un aspecto atractivo por defecto, pero puedes personalizarlas para mejorar su apariencia.