Voir le Web autrement
Quelle est la différence entre les balises italiques i et em?
Contribution de Normand Lamoureux, septembre 2005
Définition
La balise <i> sert à encadrer un mot ou une portion de texte qu’on veut afficher en italique, sans préciser le sens qu’on accorde au fait d’afficher le texte ainsi, plutôt qu’autrement.
Elle ne sert donc qu’à appliquer un style, une fonction maintenant dévolue aux feuilles de style et qui est étrangère aux balises HTML, conçues pour structurer le contenu d’un point de vue logique et non de mises en page. D’où le fait que <i> appartienne maintenant aux balises dépréciées.
La balise <em> — à ne pas confondre avec l’unité de mesure typographique em — sert à spécifier clairement que le mot ou la portion de texte qu’elle encadre doit être mis en évidence, laissant le soin à l’auteur de préciser ensuite comment cette mise en évidence doit se manifester au niveau sensible. Ce pourra être au moyen d’une police différente à l’écran, d’une intonation particulière à l’écoute ou d’un jeu de caractères en italique à l’impression.
Avantages de <em> par rapport à <i>
L'élément <em> doit être considérée comme une balise structurante et non comme un simple attribut de style. L’avantage de <em> sur <i> lui vient donc de son indépendance par rapport à tel ou tel style précis.
Conseils
Le risque de confusion est d’autant plus grand que les navigateurs graphiques vont, la plupart du temps, afficher les deux en italique. Dès lors qu’on veut bien y prêter attention, leur différence n’en demeure pas moins profonde.
Voir aussi la différence entre <strong> et <em>.
W3Québec : C.P. 58508, COP Complexe Les Ailes, Montréal, QC, Canada, H3B 5K8
Téléphone : +1 514.924.2401 | Courriel : decouvrir@w3qc.org
© 2003-2008, déposé sous licence CC, Paternité - Partage des Conditions Initiales à l'Identique 2.0 (Canada).