<em>
Un accent dans la phrase : un mot qui, à la lecture à voix haute, se prononce avec insistance.
- Affichage
- inline
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu phrasant
Exemple
#<p><em>Je</em> n’ai pas supprimé ce fichier. C’est peut-être quelqu’un d’autre qui l’a fait ?</p>
<p>Je n’ai pas supprimé <em>ce</em> fichier. J’en ai supprimé un tout autre.</p>
<p>Je n’ai <em>pas</em> supprimé ce fichier. Vraiment !</p>Définition et utilisation
#L’élément <em> marque un accent, c’est-à-dire un mot ou un fragment qui, à la lecture à voix haute, se prononce avec insistance. Cet accent change le sens de la phrase. Les navigateurs affichent <em> en italique par défaut.
Regardez comment une même phrase change de sens selon l’accent : « Je n’ai pas supprimé ce fichier » suggère que c’est quelqu’un d’autre qui l’a fait, tandis que « Je n’ai pas supprimé ce fichier » suggère que j’en ai supprimé un autre. Les éléments <em> peuvent être imbriqués pour marquer une insistance encore plus forte.
Ne le confondez pas avec des éléments d’apparence similaire. <i> marque un texte sur un autre ton, par exemple une expression étrangère, mais sans accent. <strong> parle d’importance, pas de la façon de prononcer. Si vous voulez seulement de l’italique, utilisez le CSS : font-style: italic.
Syntaxe
#<em>texte accentué</em>Attributs
#Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.
CSS par défaut
#La plupart des navigateurs affichent cet élément avec ces styles par défaut :
em {
font-style: italic;
}Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- Marquez les titres de livres et de films avec
<cite>, et les expressions étrangères avec<i>, pas avec<em>. - N’accentuez pas des paragraphes entiers. L’insistance ne fonctionne que si elle reste rare.
- Si vous avez besoin de l’italique uniquement pour l’apparence, par exemple dans la légende d’une photo, utilisez le CSS plutôt que
<em>.
Entrées associées
#- <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.
- <strong>Un texte de grande importance : un avertissement, une information clé.
- <i>Un texte sur un autre ton ou dans une autre voix : expressions étrangères, noms latins, pensées d’un personnage, termes techniques.
- <b>Attire l’attention sur un fragment de texte sans lui donner davantage d’importance, par exemple des mots-clés.
- <mark>Met en évidence un fragment de texte comme un surligneur, parce qu’il est pertinent dans le contexte actuel.
- <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.