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><cite></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.