Balise HTML <i>
La balise <i> est utilisée pour définir une partie du texte dans une voix différente. Le texte placé à l'intérieur de la balise <i> est généralement affiché en italique. Cette balise est utilisée pour définir des termes techniques, des phrases en langues étrangères, etc.
En HTML5, la balise <i> est un élément sémantique utilisé pour représenter du texte dans une voix ou un ton alternatif, plutôt que purement de présentation. Cela signifie que le contenu porte un sens spécifique pour les navigateurs et les moteurs de recherche, même s'il est généralement rendu en italique par défaut. Si vous avez simplement besoin d'un style en italique sans la sémantique associée, il est préférable d'utiliser la propriété CSS font-style plutôt que la balise <i>.
Parfois, vous devrez peut-être utiliser d'autres éléments plus appropriés :
<mark>pour souligner une pertinence,<strong>pour une importance plus forte,<cite>pour indiquer le nom d'un livre.
TIP
Si vous souhaitez mettre en évidence un texte important, utilisez plutôt la balise de balisage sémantique <em> au lieu de la balise <i>.
Syntaxe
La balise <i> s'utilise par paires. Le contenu est écrit entre la balise d'ouverture (<i>) et la balise de fermeture (<​/i>).
Exemple de la balise HTML <i> :
Balise HTML <i>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Before the end of the week <i>it is vital to</i> finish all the work.</p>
</body>
</html>Résultat
Attributs
La balise <i> prend en charge les Attributs globaux et les Attributs d'événement.
Comment styliser une balise HTML <i>
<style>
.custom-italic {
font-style: italic;
}
</style>
<p>Before the end of the week <span class="custom-italic">it is vital to</span> finish all the work.</p>Pratique
Que représente la balise <i> en HTML ?