Le tag <em> met en évidence un élément de texte important, qui vaut la peine d’être utilisé par les utilisateurs: les navigateurs affichent le texte à l’intérieur du tag en italique.

Le tag <em> est un élément de balisage logique, contrairement à la balise <i>, qui a le même effet visuel (contour en italique), mais ne porte pas de charge sémantique.

Le tag <em> n'est pas obsolète, mais il est possible d'obtenir des effets plus riches avec la propriété CSS font-style.

Syntaxe

Le tag <em> est apparié; le contenu est écrit entre le tag ouvrant(<em>) et le tag fermant (</em>).

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <p>C'est un paragraphe ordinaire</p>
    <p>La partie importante du texte est soulignée par le <em> en italique</em>.</p>
  </body>
</html>

Résultat

un paragraphe ordinaire

Attributs

Le tag <em> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <em> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <em>:

Coloration du texte dans le tag HTML <em>:

Styles de mise en page du texte pour la tag HTML <em>:

Autres propriétés utiles pour le tag HTML <em>:

Support de Navigateurs

chrome edge firefox safari opera

Pratiquez vos connaissances

Qu'est-ce que la balise HTML <em> fait?
Trouvez-vous cela utile?