<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 bestimmten Gründen vom normalen Text abgesetzt wird, wie zum Beispiel idiomatischer Text, technische Begriffe, taxonomische Bezeichnungen, unter anderem. Historisch gesehen wurden diese Typen von Texten kursiv 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 beinhaltet nur die globalen Attribute.

Verwendungshinweise

  • Verwenden Sie das <i>-Element für Text, der aus Lesbarkeitsgründen von der normalen Prosa abgesetzt ist. 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 Textspanne, die eine andere Qualität oder Modus des Textes darstellen, wie zum Beispiel:

    • Alternative Stimme oder Stimmung
    • Taxonomische Bezeichnungen (wie der Gattungs- und Artnamen "Homo sapiens")
    • Idiomatische Begriffe aus einer anderen Sprache (wie "et cetera"); diese sollten das lang-Attribut beinhalten, um die Sprache zu identifizieren
    • Technische Begriffe
    • Transliterationen
    • Gedanken (wie "Sie fragte sich, Worüber spricht dieser Autor eigentlich?")
    • Schiffs- oder Fahrzeugnamen 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äsentationales 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 typografischem Erscheinungsbild definieren. Ein Browser wird den Inhalt des <i>-Elements typischerweise immer noch in kursiver Schrift darstellen, ist aber per Definition nicht mehr dazu verpflichtet. Um Text in kursiver Schrift darzustellen, sollten Autoren die CSS-Eigenschaft font-style verwenden.

  • Stellen Sie sicher, dass der betreffende Text nicht tatsächlich besser mit einem anderen Element ausgezeichnet ist.

    • Verwenden Sie <em>, um betonte Hervorhebung zu zeigen.
    • Verwenden Sie <strong>, um Wichtigkeit, Ernsthaftigkeit oder Dringlichkeit anzuzeigen.
    • Verwenden Sie <mark>, um Relevanz anzuzeigen.
    • Verwenden Sie <cite>, um den Namen eines Werks wie eines Buchs, Stücks oder Liedes auszuzeichnen.
    • Verwenden Sie <dfn>, um die definierende Instanz eines Begriffs zu kennzeichnen.

Beispiele

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

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, greifbarer Inhalt.
Erlaubter Inhalt Phraseninhalt.
Tag-Wege lassen sich aus Keine, sowohl das Start- als auch das End-Tag sind erforderlich.
Erlaubte Eltern Jedes Element, das Phraseninhalt akzeptiert.
Implizierte ARIA-Rolle generic
Erlaubte ARIA-Rollen Jede
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-i-element

Browser-Kompatibilität

Siehe auch