<i>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

L'élément HTML <i> représente un morceau de texte qui se différencie du texte principal. Cela peut par exemple être le cas pour des termes techniques, des phrases dans une langue étrangère ou encore l'expression des pensées d'un personnage. Le contenu de cet élément est généralement affiché en italique.

Exemple interactif

Attributs

Cet élément possède uniquement les attributs universels.

Exemples

HTML

html
<p>
  La phrase latine
  <i class="latin"> Veni, vidi, vici </i>
  est souvent employée en littérature.
</p>

Résultat

Notes

Dans certaines versions antérieures de HTML, la balise <i> ne jouait qu'un rôle de mise en forme, utilisé pour afficher le texte en italique (de la même façon que la balise <b> était utilisée pour afficher le texte en gras). Désormais, ces balises ont un rôle strictement sémantique et l'élément <i> représente une portion de texte dont la sémantique est différente, la représentation choisie pour cela par le navigateur étant la plupart du temps une mise en italique. Cela signifie que le navigateur affiche généralement le contenu en italique comme c'était le cas auparavant mais que ce traitement de mise en forme n'est plus du tout obligatoire.

Cet élément ne doit être utilisé seulement si aucun autre ne permet d'exprimer la sémantique du contenu de façon plus appropriée. Ainsi :

  • <em> doit être utilisé pour insister, mettre l'accent sur le contenu
  • <strong> doit être utilisé pour exprimer l'importance du contenu
  • <mark> doit être utilisé pour exprimer la pertinence du contenu
  • <cite> doit être utilisé pour marquer le nom d'une œuvre telle qu'un livre, une pièce ou une chanson.
  • <dfn> doit être utilisé pour souligner l'occurence d'un mot utilisée pour sa définition

C'est une bonne pratique que d'utiliser l'attribut class pour identifier les raisons qui poussent à utiliser cet élément. Cela permet par exemple de maintenir la mise en forme du document plus efficacement grâce aux feuilles de style CSS.

Résumé technique

Catégories de contenu Contenu de flux, contenu phrasé, contenu tangible.
Contenu autorisé Contenu phrasé.
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés Tout élément acceptant du contenu phrasé.
Rôles ARIA autorisés Tous les rôles sont autorisés.
Interface DOM Interface DOM HTMLElement.

Spécifications

Specification
HTML Standard
# the-i-element

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi

  • <em> qui permet d'indiquer une emphase et qui ne doit pas être confondu avec l'élément <i>