<i>: Das idiomatische Textelement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <i> HTML-Element repräsentiert einen Textbereich, der aus irgendeinem Grund vom normalen Text abgehoben ist, wie z.B. idiomatische Ausdrücke, Fachbegriffe, taxonomische Bezeichnungen und andere. Historisch gesehen wurden diese mittels kursiver Schrift dargestellt, was der ursprüngliche Grund für die Benennung des <i>-Elements war.

Probieren Sie es aus

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 Textabschnitte, die eine andere Qualität oder eine andere Art von Text 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
    • Fachbegriffe
    • Transliteration
    • Gedanken (wie "Sie wunderte sich, Worüber schreibt dieser Autor eigentlich?")
    • Schiffsnamen oder Namen von Schiffen 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 Darstellungselement, das Text kursiv darstellte, ähnlich wie das <b>-Element Text in fett darstellte. Dies trifft nicht mehr zu, da diese Tags nun Semantik anstelle von typografischer Erscheinung definieren. Ein Browser zeigt den Inhalt des <i>-Elements in der Regel weiterhin in kursiver Schrift an, ist aber definitionsgemäß nicht mehr dazu verpflichtet. Um Text kursiv darzustellen, sollten Autoren die CSS-Eigenschaft font-style verwenden.

  • Stellen Sie sicher, dass der betreffende Text nicht eigentlich besser mit einem anderen Element ausgezeichnet wird.

    • Verwenden Sie <em>, um betonte Hervorhebung anzuzeigen.
    • 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 Theaterstück oder ein Lied, auszuzeichnen.
    • Verwenden Sie <dfn>, um das definierende Vorkommen eines Begriffs auszuzeichnen.

Beispiele

Dieses Beispiel demonstriert die Verwendung des <i>-Elements, um Text zu markieren, der in einer anderen Sprache ist.

html
<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ßinhalt, Phraseninhalt, palpabler Inhalt.
Erlaubter Inhalt Phraseninhalt.
Tagauslassung Keine, sowohl das startende als auch das endende Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das Phraseninhalt akzeptiert.
Implizierte ARIA-Rolle generisch
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML Standard
# the-i-element

Browser-Kompatibilität

BCD tables only load in the browser

Weitere Informationen