<em> vs <i>
<em> accentue un mot et change le sens à la lecture à voix haute. <i> indique un autre ton (étranger, nom, pensée) sans rien changer au sens. Les deux sont en italique.
Comparaison point par point
#Signification
Style par défaut
Change le sens de la phrase
Peut s’imbriquer pour une insistance plus forte
Exemple typique
Exemple
#<p><em>Moi</em>, je n’ai pas supprimé ce fichier. Quelqu’un d’autre l’a peut-être fait ?</p>
<p>Chaque changement passe chez nous en <i lang="en">code review</i>.</p>Définition et utilisation
#<em> marque un accent, c’est-à-dire un mot prononcé avec une insistance qui change le sens de toute la phrase. « Moi, je n’ai pas supprimé ce fichier » suggère que quelqu’un d’autre l’a fait, et un accent différent dans la même phrase changerait complètement le sens. Les éléments <em> peuvent s’imbriquer pour une insistance encore plus forte.
<i> n’ajoute pas d’accent et ne change pas le sens de la phrase. Il marque un fragment sur un autre ton : une expression étrangère, un nom latin d’espèce, un terme technique ou les pensées d’un personnage. Pour une expression en langue étrangère, ajoutez l’attribut lang, par ex. <i lang="en">code review</i>.
Les navigateurs affichent les deux éléments en italique, donc ils sont visuellement indiscernables. La différence est purement sémantique. Si vous voulez juste de l’italique sans aucun sens particulier, par exemple dans la légende d’une photo, utilisez le CSS : font-style: italic.
Syntaxe
#<em>texte accentué</em>
<i>texte sur un autre ton</i>Plus d’exemples
#<p><em>Moi</em>, je n’ai pas signalé cette erreur. Quelqu’un d’autre l’a peut-être signalée ?</p>
<p>Je n’ai pas signalé <em>cette</em> erreur. J’en ai signalé une tout autre.</p><p style="font-style: italic;">Texte en italique juste pour l’apparence, sans signification particulière.</p>Bonnes pratiques
#- Si le fragment change le sens de l’énoncé à la lecture à voix haute, utilisez
<em>. - Pour les expressions étrangères dans
<i>, ajoutez en plus l’attributlang, par ex.lang="en". - Une italique pure sans signification est une tâche pour le CSS :
font-style: italic.
Entrées associées
#- <em>Un accent dans la phrase : un mot qui, à la lecture à voix haute, se prononce avec insistance.
- <i>Un texte sur un autre ton ou dans une autre voix : expressions étrangères, noms latins, pensées d’un personnage, termes techniques.
- <strong>Un texte de grande importance : un avertissement, une information clé.
- <b>Attire l’attention sur un fragment de texte sans lui donner davantage d’importance, par exemple des mots-clés.
- <cite>Le titre d’une œuvre : un livre, un article, un film, une chanson, un jeu ou un logiciel.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.