HTML <em>-Tag
Die <em>-Tag gibt einen Text mit betonter Hervorhebung an. Browser zeigen den Text innerhalb dieses Tags kursiv an.
Die <em>-Tag ist ein Element des logischen Markup. Im Gegensatz dazu zeigt die <i>-Tag Text ebenfalls kursiv an, erfüllt jedoch einen anderen semantischen Zweck: Sie repräsentiert Text in einer alternativen Stimme oder Stimmung, wie technische Begriffe oder Fremdwörter.
TIP
Die <em>-Tag ist nicht veraltet, aber mit der CSS-Eigenschaft font-style lassen sich umfangreichere Effekte erzielen.
Die <em>-Tag gilt als Phrase-Tag, was darauf hinweist, dass ein Textabschnitt eine strukturelle Bedeutung hat.
Syntax
Die <em>-Tag wird paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<em>) und dem schließenden (<​/em>) Tag geschrieben.
Beispiel für das HTML <em>-Tag:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>It is a normal paragraph</p>
<p>The important part of the text is <em>shown in italic</em>.</p>
</body>
</html>Ergebnis
Der Unterschied zwischen der <em>- und der <i>-Tag
Die Tags <em> und <i> werden oft verwechselt, da beide Text standardmäßig kursiv darstellen. Ihre semantischen Bedeutungen unterscheiden sich jedoch. Die <em>-Tag kennzeichnet eine betonte Hervorhebung, während die <i>-Tag Text in einer alternativen Stimme oder Stimmung darstellt, wie technische Begriffe, Fremdwörter oder taxonomische Bezeichnungen.
Attribute
Die <em>-Tag unterstützt die Globalen Attribute und die Ereignisattribute.
Formatierung eines HTML <em>-Tags
<style>
em {
font-style: italic;
color: #333;
}
</style>
<p>This is <em>important</em> text.</p>Praxis
Welche Funktion hat das HTML <em>-Tag?