<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 abgesetzt ist, wie zum Beispiel idiomatischer Text, technische Begriffe, taxonomische Bezeichnungen und andere. Historisch wurden diese durch kursiv gesetzten Text dargestellt, was die ursprüngliche Quelle der <i>-Benennung dieses 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 Gründen der Lesbarkeit vom normalen Fließtext abgesetzt ist. Dies wäre ein Textbereich mit einer anderen semantischen Bedeutung als der umgebende Text. Anwendungsfälle für das <i>-Element sind Textbereiche, die eine andere Qualität oder einen anderen Modus des Textes darstellen, wie zum Beispiel:

    • Alternative Stimme oder Stimmung
    • Taxonomische Bezeichnungen (wie die Gattung und Spezies "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, Worum geht es diesem Autor eigentlich?")
    • Schiffs- oder Schiffsnamen in westlichen Schriftsystemen (wie "Sie durchsuchten die Docks nach der Empress of the Galaxy, dem Schiff, dem sie zugewiesen wurden.")

  • In früheren Versionen der HTML-Spezifikation war das <i>-Element lediglich ein präsentationelles Element, das verwendet wurde, um Text kursiv darzustellen, ähnlich wie das <b>-Element verwendet wurde, um Text fett darzustellen. Dies ist nicht mehr der Fall, da diese Tags nun Semantik statt typografischer Erscheinung definieren. Ein Browser wird normalerweise immer noch den Inhalt des <i>-Elements in Kursivschrift anzeigen, ist jedoch per Definition nicht mehr dazu verpflichtet. Um Text in Kursivschrift darzustellen, sollten Autoren die CSS-Eigenschaft font-style verwenden.

  • Stellen Sie sicher, dass der in Frage stehende Text nicht tatsächlich besser mit einem anderen Element ausgezeichnet wird.

    • Verwenden Sie <em>, um Betonung anzuzeigen.
    • Verwenden Sie <strong>, um Wichtigkeit, Ernsthaftigkeit oder Dringlichkeit zu kennzeichnen.
    • Verwenden Sie <mark>, um Relevanz zu markieren.
    • Verwenden Sie <cite>, um den Namen eines Werks, wie eines Buches, eines Theaterstücks oder eines Liedes, zu markieren.
    • Verwenden Sie <dfn>, um das definierende Vorkommen eines Begriffs zu markieren.

Beispiele

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

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 Flussinhalt, Phraseninhalt, fühlbarer Inhalt.
Erlaubter Inhalt Phraseninhalt.
Tag-Auslassung Keine, sowohl Anfangs- als auch End-Tag sind erforderlich.
Erlaubte Eltern Jedes Element, das Phraseninhalt akzeptiert.
Implizierte ARIA-Rolle generisch
Erlaubte ARIA-Rollen Beliebige
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-i-element

Browser-Kompatibilität

Siehe auch