L'élément HTML <em> (pour emphase) est utilisé afin de marquer un texte sur lequel on veut insister. Les éléments <em> peuvent être imbriqués, chaque degré d'imbrication indiquant un degré d'insistance plus élevé.

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 qui accepte du contenu phrasé.
Rôles ARIA autorisés Tous les rôles sont autorisés.
Interface DOM HTMLElement.
Jusqu'à Gecko 1.9.2 inclus (Firefox 4), Firefox implémentait l'interface HTMLSpanElement pour cet élément.

Attributs

Comme tous les éléments HTML, cet élément prend en charge les attributs universels.

Exemples

L'élément <em> est souvent utilisé pour indiquer un contraste, implicite ou explicite.

HTML

<p>
  Dans HTML5, ce qui était appelé contenu de <em>type bloc</em> est maintenant appelé contenu de <em>flux</em>.
</p>

Résultat

Notes

Habituellement, cet élément est affiché avec une police italique. Cependant, il ne doit pas être utilisé pour appliquer un style italique ; pour la mise en forme, on utilisera l'élément <i> ou des styles CSS. Pour marquer le titre d'une œuvre (livre, chanson, pièce, etc.), on utilisera l'élément <cite> ; il est aussi habituellement affiché avec une police italique, mais porte un sens différent. Enfin, on utilisera l'élément <strong> pour marquer un texte plus important que le texte qui l'entoure.

Italique ou mise en évidence ?

Pour les nouveaux développeurs, il est souvent perturbant d'avoir autant de façons différentes pour afficher du texte dans un site web. Parmi les ambiguïtés les plus répandues, l'italique et la mise en évidence ont une bonne place. Pourquoi utiliser <em></em> au lieu de <i></i> si ces deux éléments produisent à première vue le même résultat ?

Eh bien ce n'est pas le même résultat : la mise en évidence porte un état logique, et l'italique est un état physique. Les états logiques séparent la mise en forme du contenu, et ainsi, peuvent être exprimés de façons très différentes, par exemple au lieu d'afficher un texte en italique, il pourrait être en rouge, ou dans une taille différente, ou surligné, ou même en gras. Il est plus logique de changer les propriétés de présentation de <em>, que celle de l'italique. L'italique est une mise en forme typographique ; il n'y a aucune séparation entre la présentation et le contenu.

Par exemple, pour <em>, « Il suffit de le faire ! » ou « ça tient à un fil », une personne ou un logiciel pourrait traduire l'emphase par une mise en italique ou avec un autre mécanisme.

Pour <i>, « Le Petit Prince est paru en 1943. » traduit bien la seule mise en forme. Il ne s'agit pas de mettre l'accent sur le titre du livre mais bien de respecter une règle typographique.

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<em>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<em>' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<em>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple1 (Oui)1 (Oui) (Oui) (Oui)
FonctionnalitéAndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Support simple (Oui) (Oui) (Oui)1 (Oui) (Oui) (Oui)

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, marie-ototoi, Goofy, tregagnon, teoli, regisg27
 Dernière mise à jour par : SphinxKnight,