<em> HTML Hervorhebungselement

Probieren Sie es aus

<p>Get out of bed <em>now</em>!</p>

<p>We <em>had</em> to do something about it.</p>

<p>This is <em>not</em> a drill!</p>

em {
  /* Add your styles here */
}

Attribute

Dieses Element enthält nur die globalen Attribute.

Verwendungshinweise

Das <em> Element wird für Wörter verwendet, die eine betonte Betonung im Vergleich zum umgebenden Text haben, was oft auf ein Wort oder Wörter eines Satzes beschränkt ist und die Bedeutung des Satzes selbst beeinflusst.

Typischerweise wird dieses Element kursiv dargestellt. Es sollte jedoch nicht verwendet werden, um eine kursive Formatierung anzuwenden; verwenden Sie dafür die CSS-Eigenschaft font-style. Verwenden Sie das <cite> Element, um den Titel eines Werks (Buch, Theaterstück, Lied usw.) zu markieren. Verwenden Sie das <i> Element, um Text zu markieren, der in einem alternativen Ton oder Stimmung ist, was viele gängige Situationen für Kursivschrift abdeckt, wie wissenschaftliche Namen oder Wörter in anderen Sprachen. Verwenden Sie das <strong> Element, um Text zu markieren, der eine größere Bedeutung als der umgebende Text hat.

<i> vs. <em>

Einige Entwickler könnten verwirrt sein, wie mehrere Elemente scheinbar ähnliche visuelle Ergebnisse erzielen. <em> und <i> sind ein häufiges Beispiel, da beide Text kursiv darstellen. Was ist der Unterschied? Welche sollten Sie verwenden?

Standardmäßig ist das visuelle Ergebnis gleich. Der semantische Unterschied liegt jedoch darin, dass das <em> Element angibt, dass der Inhalt betont hervorgehoben wird, während das <i> Element Text darstellt, der von der normalen Prosa abgesetzt ist, wie ein fremdes Wort, Gedanken einer fiktiven Figur oder wenn der Text sich auf die Definition eines Wortes bezieht, anstatt seine semantische Bedeutung darzustellen. (Der Titel eines Werks, wie der Name eines Buches oder Films, sollte <cite> verwenden.)

Das bedeutet, dass die richtige Verwendung vom Kontext abhängt. Keins der beiden ist für rein dekorative Zwecke gedacht, dafür ist CSS-Styling gedacht.

Beispiele für <em> könnten sein:

<p>Just <em>do</em> it already!</p>
<p>We <em>had</em> to do something about it.</p>

Eine Person oder Software, die den Text liest, würde die kursiven Wörter mit Betonung aussprechen, indem sie verbalen Stress verwenden.

Beispiele für <i> könnten sein:

<p>The word <i>the</i> is an article.</p>
<p>The <i>Queen Mary</i> sailed last night.</p>

Hier gibt es keine zusätzliche Betonung oder Wichtigkeit bei dem Wort "Queen Mary". Es wird lediglich angezeigt, dass es sich bei dem Objekt nicht um eine Königin namens Mary, sondern um ein Schiff namens "Queen Mary" handelt.

Beispiele

In diesem Beispiel wird das <em> Element verwendet, um einen impliziten oder expliziten Kontrast zwischen zwei Zutatenlisten hervorzuheben:

<p>
  Ice cream is made with milk, sweetener, and cream. Frozen custard, on the
  other hand, is made of milk, cream, sweetener, and <em>egg yolks</em>.
</p>

Ergebnis

Technische Zusammenfassung

Spezifikationen

Browser-Kompatibilität

Siehe auch

• <i>