HTML cite

La etiqueta <cite> en HTML se utiliza para representar el título de una obra creativa, como un libro, una película, una canción o una obra de arte.

El contenido dentro de la etiqueta se mostrará en cursiva y es comúnmente utilizado junto con la etiqueta <blockquote> para indicar una cita de una obra específica.

Por ejemplo, si quieres citar un libro llamado “El Gran Gatsby” de F. Scott Fitzgerald, podrías usar el siguiente código:

<blockquote> <p>"It was one of those rare smiles with a quality of eternal reassurance in it, that you may come across four or five times in life."</p> <cite>El Gran Gatsby</cite> </blockquote>
Lenguaje del código: HTML, XML (xml)

En este ejemplo, el texto dentro de las etiquetas <blockquote> sería la cita del libro, mientras que el texto dentro de la etiqueta <cite> sería el título del libro. En el navegador, el título del libro aparecería en cursiva.

Es importante mencionar que la etiqueta <cite> no es para citar una referencia o una fuente en un trabajo académico, para eso se utiliza la etiqueta <footnote> o <ref> dependiendo de la necesidad.

Ejemplo de uso

Aquí tienes un ejemplo de cómo podrías usar la etiqueta <cite> en una página web:

<!DOCTYPE html> <html> <head> <title>Ejemplo de uso de la etiqueta CITE</title> </head> <body> <h1>Frases célebres</h1> <blockquote> <p>"La vida es una aventura arriesgada, no se debe evitar el peligro sino correr hacia él"</p> <cite>Theodor Seuss Geisel</cite> </blockquote> <p>Este es un ejemplo de cómo podrías usar la etiqueta <code>&lt;cite&gt;</code> para indicar el autor de una cita. En este caso, el autor es <em>Theodor Seuss Geisel</em> y su nombre aparece en cursiva debido al uso de la etiqueta.</p> </body> </html>
Lenguaje del código: HTML, XML (xml)

En este ejemplo, se utiliza la etiqueta <cite> para indicar el autor de una cita. El texto dentro de las etiquetas <blockquote> es la cita, y el texto dentro de la etiqueta <cite> es el nombre del autor.

El navegador muestra el texto dentro de la etiqueta <cite> en cursiva, lo que indica que se trata del autor de la cita.

Atributos

La etiqueta <cite> en HTML no tiene atributos específicos. Los navegadores suelen mostrar el contenido dentro de la etiqueta en cursiva, pero esto no es un comportamiento específico de la etiqueta y puede ser modificado con CSS.

Sin embargo, algunos desarrolladores utilizan atributos como “class” o “id” para identificar y dar estilos específicos a la etiqueta <cite> en sus hojas de estilo CSS.

En general, la etiqueta <cite> se utiliza principalmente para indicar el título de una obra creativa, y su uso principal es dar estética y semántica al contenido.