HTML <i>-Tag
Das <i>-Tag wird verwendet, um einen Textabschnitt in einer anderen Stimme oder Stimmung darzustellen. Der Text innerhalb des <i>-Tags wird standardmäßig kursiv dargestellt. Es wird häufig für technische Begriffe, Fremdwörter usw. verwendet.
In HTML5 ist das <i>-Tag ein semantisches Element, das verwendet wird, um Text in einer alternativen Stimme oder Stimmung darzustellen, anstatt rein optisch zu sein. Das bedeutet, dass der Inhalt für Browser und Suchmaschinen eine spezifische Bedeutung hat, auch wenn er standardmäßig kursiv gerendert wird. Wenn Sie nur die Kursivschrift ohne semantische Bedeutung benötigen, ist es besser, die CSS font-style-Eigenschaft anstelle des <i>-Tags zu verwenden.
Manchmal müssen Sie andere, geeignetere Elemente verwenden:
TIP
Wenn Sie einen wichtigen Text hervorheben möchten, verwenden Sie stattdessen das semantische Markup-Tag <em> anstelle des <i>-Tags.
Syntax
Das <i>-Tag wird immer in Paaren verwendet. Der Inhalt wird zwischen dem öffnenden (<i>) und dem schließenden (</i>)-Tag geschrieben.
Beispiel für das HTML <i>-Tag:
HTML <i>-Tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Before the end of the week <i>it is vital to</i> finish all the work.</p>
</body>
</html>Ergebnis
Attribute
Das <i>-Tag unterstützt die Globalen Attribute und Ereignisattribute.
So stylen Sie ein HTML <i>-Tag
<style>
.custom-italic {
font-style: italic;
}
</style>
<p>Before the end of the week <span class="custom-italic">it is vital to</span> finish all the work.</p>Praxis
Was stellt das <i>-Tag in HTML dar?