Zusammenfassung
Das HTML-Element <i> hebt einen Teil vom Rest eines Textes ab um ein Beispiel, einen Fachbegriff, einen Ausdruck aus einer Fremdsprache oder die Gedanken einer fiktionalen Figur deutlicher vom Rest abzugrenzen. Das Element stellt diese Inhalte dann kursiv dar.
| Inhaltliche Kategorien |
Fließtexte, Ausdruckstext, greifbarer/offensichtlicher Inhalt |
|---|---|
| Zugelassener Inhalt | ausdrückender Inhalt |
| Unterdrückte Tags | Keine, sowohl das Anfangs- als auch das End-Tag sind erforderlich. |
| Erlaubte elterliche Elemente |
Sämtliche Elemente mit ausdrückendem Inhalt. |
| DOM-Schnittstelle | HTMLElement Seit Gecko 1.9.2 (Firefox 4) inklusive unterstützt Firefox die HTMLSpanElement-Schnittstelle für dieses Element. |
Attribute
Dieses Element unterstützt nur die Globalen Attribute.
Beispiel
<p>Der lateinische Ausdruck <i>Veni, vidi, vici</i> wird häufig in Musik, Kunst und Literatur verwendet.</p>
Ergebnis
Der lateinische Ausdruck Veni, vidi, vici wird häufig in Kunst, Musik und Literatur verwendet.
Notizen
In früheren Versionen der HTML-Spezifikation war der <i>-Tag nur ein Element um den angezeigten Text zu formatieren, ähnlich wie der <b>-Tag für die Darstellung von fettem Text verwendet wird.
Diese Funktion wurde zunehmend unüblicher: Heute werden <i>-Tags häufiger für semantische Abgrenzungen als für Textformatierungen verwendet. Trotzdem stellen die Browser den Text kursiv dar, auch wenn diese Funktion per Definiton nicht mehr erwünscht ist.
Wir empfehlen, dieses Element nur zu verwenden, wenn kein anderes passenderes Element gefunden werden kann. Zum Beispiel:
- Benutzen Sie das Element
<em>, um Betonungen darszustellen. - Benutzen Sie das Element
<strong>, um einen Textabschnitt als wichtig darzustellen. - Benutzen Sie das Element
<mark>, um Relevanz darzustellen. - Um ein kreatives Werk (ein Buch, ein Bühnenwerk oder ein Musikstück) kennzuzeichnen, wird das Element "
<cite>" verwendet. - Verwenden Sie das Element
<dfn>, um definierende Instanzen kennzuzeichnen.
Eine gute Idee ist es auch, das class-Attribut zu verwenden, um zu definieren, warum und wie das Element verwendet wird.
Spezifikationen
| Spezifikation | Status | Kommentar |
|---|---|---|
| HTML Living Standard Die Definition von '<i>' in dieser Spezifikation. |
Lebender Standard | |
| HTML5 Die Definition von '<i>' in dieser Spezifikation. |
Empfehlung | |
| HTML 4.01 Specification Die Definition von '<b>' in dieser Spezifikation. |
Empfehlung |
Browserkompatibilität
Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!
| Funktion | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| grundlegend | 1.0 | (Ja) | (Ja) | (Ja) | (Ja) |
| Funktion | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| grundlegend | (Ja) | (Ja) | (Ja) | (Ja) | (Ja) |