<i> : l'élément de texte idiomatic
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
L'élément HTML <i> représente une portion de texte mise à part du texte normal pour une raison donnée, comme du texte idiomatique, des termes techniques ou des désignations taxonomiques, entre autres. Historiquement, ces contenus étaient présentés en italique, ce qui explique la désignation <i> de cet élément.
Exemple interactif
<p>Je l'ai regardé et j'ai pensé <i>Cela ne peut pas être réel !</i></p>
<p>
<i>Musa</i> est l'un des deux ou trois genres de la famille
<i>Musaceae</i> ; il comprend les bananes et les plantains.
</p>
<p>
Le terme <i>bandwidth</i> décrit la mesure de la quantité d'informations
pouvant transiter par une connexion de données pendant une durée donnée.
</p>
i {
/* Ajoutez vos styles ici */
}
Attributs
Cet élément inclut uniquement les attributs universels.
Notes d'utilisation
-
Utilisez l'élément
<i>pour du texte mis à part de la prose normale pour des raisons de lisibilité. Il s'agit d'une portion de texte ayant une signification sémantique différente du texte environnant. Parmi les cas d'utilisation de l'élément<i>figurent des passages de texte représentant une qualité ou un mode de texte différent, tels que :- Voix ou ton alternatifs
- Désignations taxonomiques (par exemple le genre et l'espèce « Homo sapiens »)
- Expressions idiomatiques d'une autre langue (par exemple « et cetera ») ; celles‑ci doivent inclure l'attribut
langpour identifier la langue - Termes techniques
- Translittérations
- Pensées (par exemple « Elle se demandait, De quoi parle cet auteur, au juste ? »)
- Noms de navires ou d'embarcations dans les systèmes d'écriture occidentaux (par exemple « Ils ont fouillé les quais pour trouver l'Empress of the Galaxy », le navire auquel ils étaient affectés.)
-
Dans les versions antérieures de la spécification HTML, l'élément
<i>n'était qu'un élément de présentation utilisé pour afficher le texte en italique, de la même façon que l'élément<b>était utilisé pour afficher le texte en gras. Ce n'est plus le cas, ces balises définissent désormais la sémantique plutôt que l'apparence typographique. Un navigateur affichera généralement toujours le contenu de l'élément<i>en italique, mais n'y est, par définition, plus obligé. Pour afficher du texte en italique, les auteur·ice·s doivent utiliser la propriété CSSfont-style. -
Assurez‑vous que le texte en question n'est pas en réalité plus approprié à être balisé avec un autre élément.
- Utilisez
<em>pour indiquer l'emphase. - Utilisez
<strong>pour indiquer l'importance, la gravité ou l'urgence. - Utilisez
<mark>pour indiquer la pertinence. - Utilisez
<cite>pour marquer le nom d'une œuvre, comme un livre, une pièce ou une chanson. - Utilisez
<dfn>pour marquer l'occurrence définitoire d'un terme.
- Utilisez
Exemples
Cet exemple montre l'utilisation de l'élément <i> pour marquer du texte dans une autre langue.
<p>
La phrase latine <i class="latin">Veni, vidi, vici</i> est souvent employée en
littérature.
</p>
Résultat
Résumé technique
| 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. |
| Parents autorisés | Tout élément acceptant du contenu phrasé. |
| Rôle ARIA implicite |
generic
|
| Rôles ARIA autorisés | Tous les rôles sont autorisés. |
| Interface DOM | HTMLElement |
Spécifications
| Specification |
|---|
| HTML # the-i-element |