<cite>El elemento <cite> en HTML5 se utiliza para definir un título de una obra creativa, tal como un libro, una película, un poema, una canción, un programa de televisión, un videojuego, una obra de arte, una investigación científica o un documento de leyes. La intención es proporcionar una referencia o citar una obra. La interpretación y la representación visual de este elemento quedan a discreción de los navegadores , pero generalmente se estiliza en cursiva para distinguirlo del texto circundante.
<cite>El elemento <cite> es parte de los elementos de texto en HTML5 y posee ciertos atributos globales comunes a la mayoría de los elementos HTML. A continuación, se detallan sus atributos:
class: Este atributo se utiliza para aplicar una clase CSS al elemento, permitiendo así estilizarlo de manera específica.id: Este atributo proporciona un identificador único para el elemento y es útil para enlazar o aplicar estilos específicos.style: Se utiliza para aplicar estilos en línea directamente al elemento.title: Proporciona información adicional sobre el elemento, que típicamente se muestra como un tooltip (globito de ayuda) cuando el usuario pasa el cursor sobre el elemento.lang: Define el idioma del contenido del elemento.dir: Especifica la dirección del texto; puede ser ltr (left to right: de izquierda a derecha) o rtl (right to left: de derecha a izquierda).tabindex: Maneja el orden de tabulación del elemento en el documento cuando se navega con la tecla tab.accesskey: Define una tecla de acceso rápido (atajo de teclado) para enfocarse en el elemento.A continuación, se presenta un ejemplo de uso del elemento <cite> con algunos de estos atributos globales:
<cite id="reference1" class="citation" lang="en">The Great Gatsby</cite><cite> en HTML5 con ejemplosEl elemento <cite> está destinado a proporcionar referencias claras a obras creativas y es fundamental para buenas prácticas en la redacción de contenido que incluya citas mencionadas. Aquí hay algunos ejemplos de diferentes contextos donde el elemento <cite> puede ser utilizado:
<p>Una de las novelas más emblemáticas del siglo XX es <cite>The Great Gatsby</cite> de F. Scott Fitzgerald.</p><p>La película <cite>Inception</cite>, dirigida por Christopher Nolan, es un thriller que explora la mente humana.</p><p>El famoso cuadro <cite>La Noche Estrellada</cite> fue pintado por Vincent van Gogh en 1889.</p><p>La canción <cite>Bohemian Rhapsody</cite> de Queen es una de las más icónicas del rock.</p><p>El estudio <cite>On the Origin of Species</cite> de Charles Darwin sigue siendo una referencia fundamental en la biología.</p>En todos estos ejemplos, <cite> destaca el título de la obra referenciada, proporcionando claridad sobre qué se está mencionando y, al mismo tiempo, ayudando a cumplir con prácticas adecuadas de citación y atribución en el contenido web.