Résumé
L'élément HTML <em> (pour emphase) sert à marquer un texte sur lequel on veut insister. Les éléments <em> peuvent être imbriqués, chaque degré d'imbrication indiquant un degré d'insistance plus élevé.
<i> ou des styles CSS. Pour marquer le titre d'une œuvre (livre, chanson, pièce, etc.), on utilisera l'élément <cite> pour marquer le titre d'une oeuvre (livre, chanson, pièce, etc.) ; il est aussi habituellement affiché avec une police italique, mais porte un sens différent. Enfin, on utilisera l'élément <strong> pour marquer un texte plus important que le texte qui l'entoure.- Catégories de contenu contenu de flux, contenu phrasé, contenu tangible.
- Contenu autorisé contenu phrasé.
- Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
- Élément parents autorisés tout élément acceptant du contenu phrasé.
- Interface DOM
HTMLElement. Jusqu'à Gecko 1.9.2 (Firefox 4) inclus, Firefox implémentait l'interfaceHTMLSpanElementpour cet élément.
Attributs
Comme tous les éléments HTML, cet élément supporte les attributs globaux.
Exemple
L'élément <em> est souvent utilisé pour indiquer un contraste, implicite ou explicite.
<p> Dans HTML5, ce qui était appelé contenu de <em>type bloc</em> est maintenant appelé contenu de <em>flux</em>. </p>
Résultat
Dans HTML5, ce qui était appelé contenu de type bloc est maintenant appelé contenu de flux.
Italique et/ou mise en évidence ?
Pour les nouveaux développeurs, il est souvent perturbant d'avoir autant de façons différentes pour afficher du texte dans un site web. Parmi les ambiguïtés les plus répandues, l'italique et la mise en évidence ont une bonne place. Pourquoi utiliser <em></em> au lieu de <i></i> si ces deux éléments produisent à première vue le même résultat, non ?
Pas exactement : la mise en évidence porte un état logique, et l'italique est un état physique. Les états logiques séparent la mise en forme du contenu, et ainsi, peuvent être exprimés de façons très différentes, par exemple au lieu d'afficher un texte en italique, il pourrait être en rouge, ou dans une taille différente, ou surligné, ou même en gras. Il est plus logique de changer les propriétés de présentation de <em>, que celle de l'italique. C'est parce que l'italique est un état physique ; il n'y a aucune séparation entre la présentation et le contenu. Rendre l'affichage de l'italique autre que du texte italique serait perturbant et illogique.
Par exemple, pour <em>, « Il suffit de le faire ! » ou « ça tient à un fil », une personne ou un logiciel pourrait traduire l'emphase par une mise en italique ou avec un autre mécanisme.
Pour <i>, « Le Petit Prince est paru en 1943. » traduit bien la seule mise en forme. Il ne s'agit pas de mettre l'accent sur le titre du livre mais bien de respecter une règle de pure mise en forme.
Spécifications
| Spécification | Statut | Commentaire |
|---|---|---|
| WHATWG HTML Living Standard La définition de '<em>' dans cette spécification. |
Standard évolutif | |
| HTML5 La définition de '<em>' dans cette spécification. |
Recommendation | |
| HTML 4.01 Specification La définition de '<em>' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Support de base | 1.0 | (Oui) | (Oui) | (Oui) | (Oui) |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support de base | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |