<i>

Zusammenfassung

Das HTML-Element <i>  hebt einen Teil vom Rest eines Textes ab um ein Beispiel, einen Fachbegriff, einen Ausdruck aus einer Fremdsprache oder die Gedanken einer fiktionalen Figur deutlicher vom Rest abzugrenzen. Das Element stellt diese Inhalte dann kursiv dar.

Inhaltliche Kategorien

Fließtexte, Ausdruckstext, greifbarer/offensichtlicher Inhalt
Zugelassener Inhalt ausdrückender Inhalt
Unterdrückte Tags Keine, sowohl das Anfangs- als auch das End-Tag sind erforderlich.
Erlaubte elterliche Elemente

Sämtliche Elemente mit ausdrückendem Inhalt.

(Textform!)
DOM-Schnittstelle HTMLElement Seit Gecko 1.9.2 (Firefox 4) inklusive unterstützt Firefox die HTMLSpanElement-Schnittstelle für dieses Element.

Attribute

Dieses Element unterstützt nur die Globalen Attribute.

Beispiel

<p>Der lateinische Ausdruck <i>Veni, vidi, vici</i> wird häufig in Musik, Kunst und Literatur verwendet.</p>

Ergebnis

Der lateinische Ausdruck Veni, vidi, vici wird häufig in Kunst, Musik und Literatur verwendet. 

Notizen

In früheren Versionen der HTML-Spezifikation war der <i>-Tag nur ein Element um den angezeigten Text zu formatieren, ähnlich wie der <b>-Tag für die Darstellung von fettem Text verwendet wird.

Diese Funktion wurde zunehmend unüblicher: Heute werden <i>-Tags häufiger für semantische Abgrenzungen als für Textformatierungen verwendet. Trotzdem stellen die Browser den Text kursiv dar, auch wenn diese Funktion per Definiton nicht mehr erwünscht ist.

Wir empfehlen, dieses Element nur zu verwenden, wenn kein anderes passenderes Element gefunden werden kann. Zum Beispiel:

  • Benutzen Sie das Element <em>, um Betonungen darszustellen.
  • Benutzen Sie das Element <strong>, um einen Textabschnitt als wichtig darzustellen.
  • Benutzen Sie das Element <mark>, um Relevanz darzustellen.
  • Um ein kreatives Werk (ein Buch, ein Bühnenwerk oder ein Musikstück) kennzuzeichnen, wird das Element "<cite>" verwendet.
  • Verwenden Sie das Element <dfn>, um definierende Instanzen kennzuzeichnen.

Eine gute Idee ist es auch, das class-Attribut zu verwenden, um zu definieren, warum und wie das Element verwendet wird.

Spezifikationen

Spezifikation Status Kommentar
HTML Living Standard
Die Definition von '<i>' in dieser Spezifikation.		 Lebender Standard  
HTML5
Die Definition von '<i>' in dieser Spezifikation.		 Empfehlung  
HTML 4.01 Specification
Die Definition von '<b>' in dieser Spezifikation.		 Empfehlung  

Browserkompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!
Funktion Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
grundlegend 1.0 (Ja) (Ja) (Ja) (Ja)
Funktion Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
grundlegend (Ja) (Ja) (Ja) (Ja) (Ja)

Verwandte Themen
  1. HTML Elements
    1. A
      1. <a>
      2. <abbr>
      3. <acronym>
      4. <address>
      5. <applet>
      6. <area>
      7. <article>
      8. <aside>
      9. <audio>
    2. B
      1. <b>
      2. <base>
      3. <basefont>
      4. <bdi>
      5. <bdo>
      6. <bgsound>
      7. <big>
      8. <blink>
      9. <blockquote>
      10. <body>
      11. <br>
      12. <button>
    3. C
      1. <canvas>
      2. <caption>
      3. <center>
      4. <cite>
      5. <code>
      6. <col>
      7. <colgroup>
      8. <content>
    4. D
      1. <data>
      2. <datalist>
      3. <dd>
      4. <del>
      5. <details>
      6. <dfn>
      7. <dialog>
      8. <dir>
      9. <div>
      10. <dl>
      11. <dt>
    5. E
      1. <em>
      2. <embed>
    6. F
      1. <fieldset>
      2. <figcaption>
      3. <figure>
      4. <font>
      5. <footer>
      6. <form>
      7. <frame>
      8. <frameset>
    7. G H
      1. <h1>
      2. <h2>
      3. <h3>
      4. <h4>
      5. <h5>
      6. <h6>
      7. <head>
      8. <header>
      9. <hgroup>
      10. <hr>
      11. <html>
    8. I
      1. <i>
      2. <iframe>
      3. <img>
      4. <input>
      5. <ins>
      6. <isindex>
    9. J K
      1. <kbd>
      2. <keygen>
    10. L
      1. <label>
      2. <legend>
      3. <li>
      4. <link>
      5. <listing>
    11. M
      1. <main>
      2. <map>
      3. <mark>
      4. <marquee>
      5. <menu>
      6. <menuitem>
      7. <meta>
      8. <meter>
    12. N
      1. <nav>
      2. <nobr>
      3. <noframes>
      4. <noscript>
    13. O
      1. <object>
      2. <ol>
      3. <optgroup>
      4. <option>
      5. <output>
    14. P
      1. <p>
      2. <param>
      3. <picture>
      4. <plaintext>
      5. <pre>
      6. <progress>
    15. Q
      1. <q>
    16. R
      1. <rp>
      2. <rt>
      3. <rtc>
      4. <ruby>
    17. S
      1. <s>
      2. <samp>
      3. <script>
      4. <section>
      5. <select>
      6. <shadow>
      7. <slot>
      8. <small>
      9. <source>
      10. <spacer>
      11. <span>
      12. <strike>
      13. <strong>
      14. <style>
      15. <sub>
      16. <summary>
      17. <sup>
    18. T
      1. <table>
      2. <tbody>
      3. <td>
      4. <template>
      5. <textarea>
      6. <tfoot>
      7. <th>
      8. <thead>
      9. <time>
      10. <title>
      11. <tr>
      12. <track>
      13. <tt>
    19. U
      1. <u>
      2. <ul>
    20. V
      1. <var>
      2. <video>
    21. W
      1. <wbr>
    22. X Y Z
      1. <xmp>