Get to know MDN better
Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
L'élément HTML <em> marque le texte qui reçoit une emphase. L'élément <em> peut être imbriqué, chaque niveau d'imbrication indiquant un degré d'emphase plus élevé.
Cet élément inclut uniquement les attributs universels.
L'élément <em> est destiné aux mots dont l'accent est souligné par rapport au texte environnant, ce qui est souvent limité à un ou plusieurs mots d'une phrase et affecte le sens de la phrase elle-même.
En général, cet élément est affiché en italique. Cependant, il ne doit pas être utilisé pour appliquer un style italique ; utilisez pour cela la propriété CSS font-style. Utilisez l'élément <cite> pour marquer le titre d'une œuvre (livre, pièce, chanson, etc.). Utilisez l'élément <i> pour marquer un texte qui adopte un ton ou un registre différent, ce qui couvre de nombreuses situations courantes d'italique, comme les noms scientifiques ou les mots dans d'autres langues. Utilisez l'élément <strong> pour marquer un texte d'une importance supérieure au texte environnant.
Certain·e·s développeur·euse·s peuvent être dérouté·e·s par le fait que plusieurs éléments produisent apparemment des résultats visuels similaires. <em> et <i> en sont un exemple courant, car ils mettent tous deux le texte en italique. Quelle est la différence ? Lequel doit‑on utiliser ?
Par défaut, le rendu visuel est identique. Cependant, la signification sémantique diffère. L'élément <em> indique une emphase sur son contenu, tandis que l'élément <i> marque un texte mis à l'écart de la prose normale, comme un mot étranger, les pensées d'un personnage fictif, ou lorsque le texte se réfère à la définition d'un mot plutôt qu'à son sens sémantique. (Le titre d'une œuvre, comme le nom d'un livre ou d'un film, devrait utiliser <cite>.)
Cela signifie que le choix du bon élément dépend de la situation. Aucun des deux n'est destiné à un usage purement décoratif, c'est à cela que sert le style CSS.
Les exemples pour <em> pourraient être :
Une personne ou un logiciel lisant le texte prononcerait les mots en italique avec une emphase, en utilisant l'accentuation verbale.
Les exemples pour <i> pourraient être :
Ici, il n'y a pas d'emphase ou d'importance supplémentaire sur le mot « Queen Mary ». Cela indique simplement que l'objet en question n'est pas une reine nommée Mary, mais un navire nommé « Queen Mary ».
L'élément <em> est souvent utilisé pour indiquer un contraste, implicite ou explicite.
| Contenu de flux, contenu phrasé, contenu tangible. |
| Contenu phrasé. |
| Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires. |
| Tout élément qui accepte du contenu phrasé. |
| emphasis |
| Tous les rôles sont autorisés. |
| HTMLElement. Jusqu'à Gecko 1.9.2 inclus (Firefox 4), Firefox implémentait l'interface HTMLSpanElement pour cet élément. |
| HTML # the-em-element |
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Cette page a été modifiée le 25 avr. 2026 par les contributeur·ice·s du MDN.
Votre modèle pour un internet meilleur.
Visitez la société mère à but non lucratif de Mozilla Corporation, la Fondation Mozilla.
Certaines parties de ce contenu sont protégées par le droit d'auteur ©1998—2026 des contributeurs individuels de mozilla.org. Contenu disponible sous une licence Creative Commons.