Accueil >Web >Référence HTML – éléments et attributs >i – texte sur un autre ton

i – texte sur un autre ton

<i>…</i>

Un texte d’une autre voix ou d’une autre humeur que son entourage : un mot ou une expression étrangère (avec l’attribut lang), un terme technique ou latin, un nom de navire, les pensées d’un personnage dans un récit. Le navigateur l’affiche en italique.

  • Affichage par défaut : display: inline
  • Balise de fermeture : obligatoire
  • Contenu : contenu phrasé
  • Où il peut figurer : partout où le contenu phrasé est autorisé
  • Interface DOM : HTMLElement

Attributs

Uniquement les attributs globaux – lang pour les mots étrangers.

Exemples

Un nom latin et un mot étranger avec sa langue :

<p>La levure <i lang="la">Saccharomyces cerevisiae</i> donne son goût au pain ; les Allemands appellent le levain <i lang="de">Sauerteig</i>.</p>
Résultat

La levure Saccharomyces cerevisiae donne son goût au pain ; les Allemands appellent le levain Sauerteig.

Accessibilité

L’attribut lang sur un mot étranger indique au lecteur d’écran qu’il doit le lire avec la bonne prononciation.

Points d’attention

  • L’emphase est un em, le titre d’une œuvre (livre, film) un cite, et un terme à l’endroit de sa définition un dfn.
  • Les icônes de police écrites sous la forme <i class="icon"></i> détournent l’élément. Il est plus propre d’utiliser un span avec aria-hidden="true" et un texte pour les lecteurs d’écran à côté de l’icône.

Prise en charge par les navigateurs

Baseline – largement disponible : fonctionne dans tous les navigateurs courants, et depuis longtemps (au plus tard depuis 2015). Depuis la version : Chrome 1, Firefox 1, Safari 1. État : octobre 2026 (MDN browser-compat-data).

Voir aussi :
em – emphase
cite – titre d’une œuvre
dfn – terme défini
b – texte mis en avant sans emphase
lang – langue (attribut)