Mettre en emphase avec HTML

La balise <em> sert à mettre un mot ou une expression en emphase. Elle indique au navigateur (et aux technologies d’assistance) qu’un passage doit être prononcé avec insistance ou revêt une importance particulière dans la phrase.

Par défaut, l’emphase s’affiche en italique, mais son rôle est avant tout sémantique.

Structure et syntaxe de la balise <em>

Structure et syntaxe de base

La balise <em> est une balise conteneur (qui fonctionne par paire) :

• avec une balise d’ouverture <em> ;
• ainsi qu'une balise de fermeture </em>.

Exemple :

<em>[Texte à mettre en emphase]</em>

Exemple d’utilisation

Dans une phrase :

<p>Il est <em>absolument nécessaire</em> de sauvegarder vos données.</p>

Le segment "absolument nécessaire" sera lu avec insistance par un lecteur d’écran et affiché en italique.

Essayez par vous-même :

Attributs

<em> accepte les attributs classiques : class, id, style, title, lang, etc.

Différence avec d’autres balises similaires

• <i> : met le(s) mot(s) sous forme italique pour un changement de registre (terme étranger, titre d’œuvre), sans emphase sémantique.
• <strong> : souligne l’importance ou l’urgence ; souvent rendu en gras et pris en compte par les lecteurs d’écran et les moteurs de recherche.
• <b> : gras purement stylistique, sans signification supplémentaire.

Bonnes pratiques

Utilisez <em> pour signifier une intonation, une insistance ou un contraste logique (Comme "Je veux vraiment y aller !").

Limitez l’usage à des morceaux très courts dans une phrase (trop d’emphase dilue le message).

Combinez éventuellement avec des règles CSS (font-style, color) sans supprimer la valeur sémantique.

Pour un passage crucial (alerte, avertissement) préférez <strong> ; pour l'effet italique, utilisez plutôt <i>.

Compatibilité des navigateurs

La balise <em> est supportée par l’ensemble des navigateurs modernes :