<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 von normalem Text abgesetzt ist, wie z.B. idiomatischer Text, technische Begriffe, taxonomische Bezeichnungen, unter anderem. Historisch gesehen wurden diese durch kursiven Schriftstil dargestellt, was die ursprüngliche Quelle für die 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 enthält nur die globalen Attribute.

Verwendungshinweise

  • Verwenden Sie das <i> Element für Text, der für Lesbarkeitsgründe vom normalen Prosa-Text 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 Textabschnitte, die eine andere Qualität oder Art von Text darstellen, wie:

    • 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
    • Technische Begriffe
    • Transliteration
    • Gedanken (wie "Sie fragte sich, Worüber redet dieser Autor überhaupt?")
    • Schiffs- oder Fahrzeugnamen 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äsentationelles Element, das zum Anzeigen von Text in Kursivschrift verwendet wurde, ähnlich wie das <b> Element zum Anzeigen von Text in Fettdruck verwendet wurde. Dies trifft nicht mehr zu, da diese Tags jetzt Semantik statt typografischer Darstellung definieren. Ein Browser zeigt typischerweise immer noch den Inhalt des <i> Elements in Kursivschrift an, 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 fragliche Text nicht eigentlich besser mit einem anderen Element ausgezeichnet wäre.

    • Verwenden Sie <em>, um Betonung hervorzuheben.
    • Verwenden Sie <strong>, um Wichtigkeit, Ernsthaftigkeit oder Dringlichkeit zu kennzeichnen.
    • Verwenden Sie <mark>, um Relevanz anzuzeigen.
    • Verwenden Sie <cite>, um den Namen eines Werkes zu markieren, wie z.B. ein Buch, ein Theaterstück oder ein Lied.
    • Verwenden Sie <dfn>, um das definierende Vorkommen eines Begriffs zu markieren.

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, greifbarer Inhalt.
Erlaubter Inhalt Phraseninhalt.
Tag-Auslassung Keine, sowohl der Start- als auch der End-Tag sind obligatorisch.
Zulässige Eltern Jedes Element, das Phraseninhalt akzeptiert.
Implizite ARIA-Rolle generisch
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-i-element

Browser-Kompatibilität

Siehe auch