Balise HTML <em>
La balise <em> spécifie un texte qui doit être mis en emphase. Les navigateurs affichent le texte contenu dans cette balise en italique.
La balise <em> est un élément de balisage logique. En revanche, la balise <i> affiche également le texte en italique, mais remplit une fonction sémantique différente : elle représente un texte prononcé dans une voix ou un ton alternatif, comme des termes techniques ou des expressions étrangères.
TIP
La balise <em> n'est pas dépréciée, mais il est possible d'obtenir des effets plus riches avec la propriété CSS font-style.
La balise <em> est considérée comme une balise de phrase, ce qui indique qu'une section du texte possède une signification structurelle.
Syntaxe
La balise <em> s'utilise par paires. Le contenu est écrit entre la balise d'ouverture (<em>) et la balise de fermeture (</em>).
Exemple de la balise HTML <em> :
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>It is a normal paragraph</p>
<p>The important part of the text is <em>shown in italic</em>.</p>
</body>
</html>Résultat
Différence entre les balises <em> et <i>
Les balises <em> et <i> sont souvent confondues car elles mettent toutes deux le texte en italique par défaut. Cependant, leurs significations sémantiques diffèrent. La balise <em> indique une emphase, tandis que la balise <i> représente un texte dans une voix ou un ton alternatif, comme des termes techniques, des expressions étrangères ou des désignations taxonomiques.
Attributs
La balise <em> prend en charge les Attributs globaux et les Attributs d'événement.
Comment styliser une balise HTML <em>
<style>
em {
font-style: italic;
color: #333;
}
</style>
<p>This is <em>important</em> text.</p>Pratique
Quelle est la fonction de la balise HTML `<em>` ?