<cite>

Permet d'indiquer qu'une portion de texte représente une expression ou une citation dans une page HTML.
2 min de lecture
Believemy logo

La balise <cite> est utilisée en HTML pour indiquer une référence à une source ou une citation.

Elle permet de marquer un titre d'œuvre, une publication ou un autre type de source qui a été cité dans un contenu.

Bon à savoir

Elle ne doit pas être utilisée pour encadrer une citation complète avec des informations l'auteur par exemple : dans ce cas, il est préférable d'utiliser <q> ou <blockquote>.

 

Structure et syntaxe de la balise <cite>

Structure et syntaxe de base

La balise <cite> est une balise conteneur qui a :

  • Une balise d'ouverture : <cite> ;
  • Une balise de fermeture : </cite>.

Elle doit être utilisée pour indiquer une source de citation, comme un titre de livre, un article, un film, etc.

 

Exemple d'utilisation

Voici un exemple pratique :

HTML
<p>La théorie de la relativité a été formulée par Albert Einstein, selon <cite>Einstein, A. (1915). La relativité générale. Annalen der Physik.</cite></p>

Dans cet exemple, la balise <cite> est utilisée pour spécifier la source d'une citation (un ouvrage de science).

Le contenu de cette balise, lui, représente la référence à la source citée.

 

Attributs

La balise <cite> accepte les attributs classiques du HTML, tels que title, class ou id, mais elle ne dispose pas d'attributs spécifiques.

 

Différence avec d'autres balises similaires

  • <q> : La balise <q> est utilisée pour des citations, généralement en entourant le texte cité dans un passage sans nécessiter un bloc séparé.
  • <blockquote> : La balise <blockquote> est utilisée pour citer un long passage ou une citation en bloc, souvent avec des informations supplémentaires sur la source, tandis que <cite> est principalement utilisé pour indiquer la source de la citation.

 

Compatibilité des navigateurs

La balise <cite> est prise en charge par tous les navigateurs modernes.

NavigateurCompatibilité
ChromeOui
FirefoxOui
SafariOui
EdgeOui
Internet ExplorerOui

Termes connexes

Découvrez notre glossaire HTML et CSS

Parcourez les termes et définitions les plus couramment utilisés dans le domaine du développement HTML et CSS.

Partager cet article

Tu veux nous aider ? Fais un lien vers cet article sur tes réseaux ou encore mieux : sur ton site, dans un article ou dans ta newsletter.