<i> HTML idiomatisches Textelement
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Das <i> HTML Element repräsentiert einen Textbereich, der aus irgendeinem Grund vom normalen Text abgehoben ist, wie z.B. idiomatischer Text, technische Begriffe, taxonomische Bezeichnungen und andere. Historisch gesehen wurden diese durch kursiven Schriftsatz dargestellt, was die ursprüngliche Quelle der Benennung des <i>-Elements ist.
Probieren Sie es aus
<p>I looked at it and thought <i>This can't be real!</i></p>
<p>
<i>Musa</i> is one of two or three genera in the family <i>Musaceae</i>; it
includes bananas and plantains.
</p>
<p>
The term <i>bandwidth</i> describes the measure of how much information can
pass through a data connection in a given amount of time.
</p>
i {
/* Add your styles here */
}
Attribute
Dieses Element enthält nur die globalen Attribute.
Verwendungshinweise
-
Verwenden Sie das
<i>-Element für Text, der aus Lesbarkeitsgründen vom normalen Fließtext abgehoben wird. Dies wäre ein Textbereich mit einer anderen semantischen Bedeutung als der umgebende Text. Zu den Anwendungsfällen für das<i>-Element gehören Textbereiche, die eine andere Qualität oder Modus des Textes darstellen, wie z.B.:- Alternative Stimme oder Stimmung
- Taxonomische Bezeichnungen (wie die Gattung und Art "Homo sapiens")
- Idiomatische Begriffe aus einer anderen Sprache (wie "et cetera"); diese sollten das
lang-Attribut enthalten, um die Sprache zu identifizieren - Technische Begriffe
- Transliteration
- Gedanken (wie "Sie wunderte sich, Worüber redet dieser Autor eigentlich?")
- Schiffsnamen oder Namen von Wasserfahrzeugen in westlichen Schriftsystemen (wie "Sie durchsuchten die Docks nach der Empress of the Galaxy, dem Schiff, dem sie zugeteilt waren.")
-
In früheren Versionen der HTML-Spezifikation war das
<i>-Element lediglich ein Präsentationselement, das verwendet wurde, um Text in Kursivschrift darzustellen, ähnlich wie das<b>-Element verwendet wurde, um Text in Fettschrift darzustellen. Dies ist nicht mehr der Fall, da diese Tags nun Semantik statt typografischem Erscheinungsbild definieren. Ein Browser wird typischerweise den Inhalt des<i>-Elements immer noch kursiv darstellen, ist jedoch per Definition nicht mehr dazu verpflichtet. Um Text in Kursivschrift darzustellen, sollten Autoren die CSS-Eigenschaftfont-styleverwenden. -
Stellen Sie sicher, dass der betreffende Text nicht tatsächlich besser mit einem anderen Element ausgezeichnet werden sollte.
- Verwenden Sie
<em>, um betonte Hervorhebung anzugeben. - Verwenden Sie
<strong>, um Wichtigkeit, Ernsthaftigkeit oder Dringlichkeit anzuzeigen. - Verwenden Sie
<mark>, um Relevanz anzuzeigen. - Verwenden Sie
<cite>, um den Namen eines Werkes, wie ein Buch, ein Stück oder ein Lied, zu kennzeichnen. - Verwenden Sie
<dfn>, um die definierende Instanz eines Begriffs zu markieren.
- Verwenden Sie
Beispiele
Dieses Beispiel demonstriert die Verwendung des <i>-Elements, um Text zu kennzeichnen, der in einer anderen Sprache ist.
<p>
The Latin phrase <i lang="la">Veni, vidi, vici</i> is often mentioned in
music, art, and literature.
</p>
Ergebnis
Technische Zusammenfassung
| Inhaltskategorien | Fließender Inhalt, Phrasierungsinhalt, palpabler Inhalt. |
|---|---|
| Erlaubter Inhalt | Phrasierungsinhalt. |
| Tag-Auslassung | Keine, sowohl das Start- als auch das End-Tag sind obligatorisch. |
| Erlaubte Eltern | Jedes Element, das Phrasierungsinhalt akzeptiert. |
| Implizierte ARIA-Rolle |
generisch
|
| Erlaubte ARIA-Rollen | Beliebig |
| DOM-Schnittstelle | [`HTMLElement`](/de/docs/Web/API/HTMLElement) |
Spezifikationen
| Spezifikation |
|---|
| HTML # the-i-element |