Balise HTML <cite>
La balise <cite> définit le titre d'œuvres créatives, de livres, de tableaux, d'émissions de télévision, de sites web, etc.
TIP
Utilisez l'élément <blockquote> pour définir les citations longues, et l'élément <q> pour les courtes.
Selon la spécification HTML du W3C, une référence à une œuvre créative peut contenir le nom de l'auteur de l'œuvre. Le Standard HTML Vivant WHATWG, en revanche, stipule que le nom de l'auteur ne doit pas être inclus.
Utilisez l'attribut cite sur l'élément <q> ou <blockquote> pour référencer la source du matériel cité.
En général, le texte à l'intérieur de <cite> est affiché en italique par défaut. Si vous souhaitez éviter cela, vous pouvez appliquer la propriété CSS font-style à <cite>.
Syntaxe
La balise <cite> s'utilise par paires. Le contenu est écrit entre les balises d'ouverture (<cite>) et de fermeture (</cite>).
Exemple de la balise HTML <cite> :
Balise 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>Résultat
Attributs
La balise <cite> prend également en charge les Attributs globaux et les Attributs d'événement.
Comment styliser une balise HTML <cite>
Par défaut, les navigateurs affichent le texte <cite> en italique. Vous pouvez modifier ce comportement à l'aide de la propriété CSS font-style :
cite {
font-style: normal;
}Notez que l'élément <cite> ne prend pas en charge l'attribut href directement. Pour créer un lien vers la source, enveloppez le <cite> dans une balise <a> :
<p>According to <cite><a href="https://example.com/source">The Art of Sculpting</a></cite>, Michelangelo...</p>Pratique
Que fait la balise HTML <cite> dans HTML ?