<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 Textabschnitt, der aus dem normalen Text aus einem bestimmten Grund herausgehoben wird, wie idiomatischer Text, technische Begriffe, taxonomische Bezeichnungen unter anderem. Historisch gesehen wurden diese mit kursiver Schrift 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>

/* stylelint-disable-next-line block-no-empty */
i {
}

Attribute

Dieses Element umfasst nur die globalen Attribute.

Hinweise zur Nutzung

  • Verwenden Sie das <i>-Element für Text, der aus Gründen der Lesbarkeit vom normalen Fließtext abgesetzt wird. Dies wäre ein Textabschnitt mit einer anderen semantischen Bedeutung als der umgebende Text. Zu den Anwendungsfällen des <i>-Elements gehören Textabschnitte, die eine andere Qualität oder Art des Textes repräsentieren, 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 anzugeben
    • Technische Begriffe
    • Transliterationen
    • Gedanken (wie "Sie fragte sich, Wovon spricht dieser Autor eigentlich?")
    • Schiff- oder Schiffsnamen in westlichen Schriftsystemen (wie "Sie durchsuchten die Docks nach der Empress of the Galaxy, dem Schiff, dem sie zugewiesen waren.")

  • In früheren Versionen der HTML-Spezifikation war das <i>-Element lediglich ein Präsentationselement, das zur Anzeige von Text in Kursivschrift diente, ähnlich wie das <b>-Element zur Anzeige von Text in Fettschrift verwendet wurde. Dies ist nicht mehr der Fall, da diese Tags nun Semantik statt typografisches Erscheinungsbild definieren. Ein Browser wird typischerweise den Inhalt des <i>-Elements immer noch in Kursivschrift anzeigen, ist jedoch per Definition nicht mehr dazu verpflichtet. Um Text in Kursivschrift darzustellen, sollten Autoren die CSS font-style Eigenschaft verwenden.

  • Stellen Sie sicher, dass der betreffende Text nicht tatsächlich mit einem anderen Element besser markiert wäre.

    • Verwenden Sie <em> um betonte Betonung 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 eines Buches, eines Stücks oder eines Liedes zu markieren.
    • Verwenden Sie <dfn> um die definierende Instanz eines Begriffs zu markieren.

Beispiele

Dieses Beispiel zeigt, wie das <i>-Element verwendet wird, 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, Phrasierungsinhalt, fühlbarer Inhalt.
Erlaubter Inhalt Phrasierungsinhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind zwingend erforderlich.
Erlaubte Eltern Jedes Element, das Phrasierungsinhalt akzeptiert.
Implizierte ARIA-Rolle generisch
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-i-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch