<cite>
Le titre d’une œuvre : un livre, un article, un film, une chanson, un jeu ou un logiciel.
- Affichage
- inline
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu phrasant
Exemple
#<p>
Pour commencer, je recommande le livre <cite>The Pragmatic Programmer</cite>,
et pour exercer la pensée logique, le jeu <cite>Minecraft</cite>.
</p>Définition et utilisation
#L’élément <cite> marque le titre d’une œuvre : un livre, un article, un film, une série, une chanson, un jeu, un tableau, un site web ou un logiciel. Les navigateurs l’affichent en italique.
Selon la norme HTML, <cite> englobe uniquement le titre, pas le nom de l’auteur. Dans la légende d’une citation, écrivez le nom de la personne en texte normal, et ne mettez dans <cite> que le titre de la source.
Ne confondez pas l’élément <cite> avec l’attribut cite, qui, dans <blockquote>, <q>, <ins> et <del>, conserve une adresse de source invisible. L’élément montre le titre au lecteur, l’attribut laisse l’adresse pour les machines.
Syntaxe
#<cite>Titre de l’œuvre</cite>Attributs
#Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.
Plus d’exemples
#<figure>
<blockquote>
<p>La meilleure façon d’apprendre à programmer, c’est d’écrire des programmes.</p>
</blockquote>
<figcaption>Extrait du guide <cite>Premiers pas avec CodeWorlds</cite></figcaption>
</figure>CSS par défaut
#La plupart des navigateurs affichent cet élément avec ces styles par défaut :
cite {
font-style: italic;
}Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- Marquez avec l’élément seulement le titre de l’œuvre, pas la personne.
- Placez la citation elle-même dans
<blockquote>ou<q>, et le titre de la source dans un<cite>à côté. - Si l’italique ne convient pas à votre design, changez-la en CSS. Le sens de l’élément reste le même.
Entrées associées
#- <blockquote>Une citation plus longue provenant d’une autre source, affichée comme un bloc séparé et indenté.
- <q>Une courte citation insérée dans une phrase. Le navigateur ajoute lui-même les guillemets.
- <i>Un texte sur un autre ton ou dans une autre voix : expressions étrangères, noms latins, pensées d’un personnage, termes techniques.
- <em>Un accent dans la phrase : un mot qui, à la lecture à voix haute, se prononce avec insistance.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.