Hamburger-Menu
Bild zum Thema

Tag <i>

html css php mysql javascript
Bild zum Thema

Tag <i>

Definition

Status: Aktueller Standard


Das Tag <i> steht für idiomatic (sprichwörtlich).
Das <i>-Element kennzeichnet ursprünglich Text, der sich vom umgebenden Text abhebt, ohne zusätzliche semantische Gewichtung wie Wichtigkeit oder Betonung auszudrücken. Zumeist wird es angewendet bei Fachbegriffe, Fremdwörter, Gedanken, Taxonomie und technische Begriffe. Die Standarddarstellung ist in den meisten Browsen kursiv - daher stand das <i> anfangs für "italic" (Schrägschrift). Durch den Wandel zu "idiomatic" bekam das Tag auch eine semantische Komponente und wird nun auch bei Sprichwörtern angewendet. Obwohl es semantisch nicht dafür gedacht war, hat sich <i> als Standard für Icon-Fonts (wie Font Awesome) etabliert, da es kurz zu schreiben ist.

Syntax

<i>...</i>

Attribute bzw. Unterelemente

Global

Globale Attribute


Beispiele

= Tag

= Attribut

= Wert

Text
= Kommentar bzw. wichtig!
Beispiel <i> - Sprichwort hervorgehoben

Der Code:
<h2>Beispiel als "idiomatic"</h2>
  <p>Ich dachte mir: <i>"Mal den Teufel nicht an die Wand"</i> als ich zur Prüfung ging...</p>


Ergebnis:
Ergebnis: <i>-Demo 1
Sprichwort hervorgehoben
Beispiel <i> - Font Awesome eingebunden

Der Code:
<h2>Beispiel mit "Font Awesome"</h2>
  <p><i class="fas fa-home"></i></p>
  

Ergebnis:
Ergebnis: <i>-Demo 2
Font Awesome eingebunden