<em>: Das betonte Element

Dieses Element umfasst nur die globalen Attribute.

Das <em>-Element ist für Wörter gedacht, die im Vergleich zum umgebenden Text eine betonte Betonung haben. Dies bezieht sich häufig auf ein Wort oder Wörter eines Satzes und beeinflusst die Bedeutung des Satzes selbst.

Typischerweise wird dieses Element in kursiver Schrift angezeigt. Es sollte jedoch nicht verwendet werden, um eine kursive Formatierung anzuwenden; hierfür verwenden Sie die CSS-Eigenschaft font-style. Verwenden Sie das <cite>-Element, um den Titel eines Werkes (Buch, Theaterstück, Lied usw.) zu kennzeichnen. Verwenden Sie das <i>-Element, um Text zu markieren, der in einem alternativen Ton oder einer anderen Stimmung steht, was viele übliche Situationen für Kursivschrift abdeckt, wie wissenschaftliche Namen oder Wörter in anderen Sprachen. Verwenden Sie das <strong>-Element, um Text zu markieren, der im Vergleich zum umgebenden Text größere Wichtigkeit hat.

Einige Entwickler können verwirrt sein, dass mehrere Elemente scheinbar ähnliche visuelle Ergebnisse produzieren. <em> und <i> sind ein häufiges Beispiel, da sie beide Text kursiv darstellen. Was ist der Unterschied? Welches sollen Sie verwenden?

Standardmäßig ist das visuelle Ergebnis dasselbe. Der semantische Unterschied besteht jedoch. Das <em>-Element repräsentiert die betonte Betonung seines Inhalts, während das <i>-Element Text darstellt, der von der normalen Prosa abgegrenzt ist, wie ein fremdes Wort, die Gedanken eines fiktiven Charakters oder wenn der Text sich auf die Definition eines Wortes bezieht, anstatt seine semantische Bedeutung darzustellen. (Der Titel eines Werkes, wie der Name eines Buches oder eines Films, sollte <cite> verwenden.)

Das bedeutet, dass das jeweils richtige Element je nach Situation verwendet werden sollte. Keines von beiden ist für rein dekorative Zwecke geeignet, dafür ist das CSS-Styling zuständig.

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 Worte in Kursivschrift mit einer Hervorhebung aussprechen, indem sie verbalen Stress nutzt.

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 auf das Wort "Queen Mary". Es wird lediglich angezeigt, dass es sich nicht um eine Königin namens Mary, sondern um ein Schiff namens "Queen Mary" handelt.

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>

• <i>