Etiqueta HTML <cite>
La etiqueta <cite> define el título de obras creativas, libros, pinturas, programas de televisión, sitios web, etc.
éxito
Use el elemento
<blockquote>para definir citas largas, y el elemento<q>para definir las cortas.
Según la especificación HTML de W3C, una referencia a una obra creativa puede contener el nombre del autor de la obra. Sin embargo, el Estándar HTML Vivo de WHATWG establece que el nombre del autor no debe incluirse.
Use el atributo cite en el elemento <q> o <blockquote> para referenciar la fuente del material citado.
En general, el texto dentro de <cite> se muestra en cursiva de forma predeterminada. Si desea evitar esto, puede aplicar la propiedad CSS font-style a <cite>.
Sintaxis
La etiqueta <cite> se usa en pares. El contenido se escribe entre las etiquetas de apertura (<cite>) y cierre (</cite>).
Ejemplo de la etiqueta HTML <cite>:
Etiqueta HTML <cite>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Michelangelo sculpted <cite>David</cite> between 1501 and 1504</p>
</body>
</html>Resultado
Atributos
La etiqueta <cite> también admite los Atributos Globales y los Atributos de Eventos.
Cómo dar estilo a una etiqueta HTML <cite>
De forma predeterminada, los navegadores muestran el texto de <cite> en cursiva. Puede cambiar esto usando la propiedad CSS font-style:
cite {
font-style: normal;
}Tenga en cuenta que el elemento <cite> no admite el atributo href directamente. Para enlazar a la fuente, envuelva <cite> dentro de una etiqueta <a>:
<p>According to <cite><a href="https://example.com/source">The Art of Sculpting</a></cite>, Michelangelo...</p>Práctica
¿Qué hace la etiqueta HTML <cite> en HTML?