<em>: Das Betonungselement

Dieses Element beinhaltet nur die globalen Attribute.

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

Typischerweise wird dieses Element kursiv angezeigt. Es sollte allerdings nicht verwendet werden, um eine kursive Darstellung anzuwenden; nutzen Sie dafür die CSS-Eigenschaft font-style. Verwenden Sie das <cite>-Element, um den Titel eines Werks (Buch, Stück, Lied usw.) zu markieren. Nutzen Sie das <i>-Element, um Text zu kennzeichnen, der in einem alternativen Ton oder Stil ist, was viele gängige Situationen für Kursivschrift abdeckt, wie z.B. wissenschaftliche Namen oder Wörter in anderen Sprachen. Verwenden Sie das <strong>-Element, um Text zu markieren, der im Vergleich zu umliegendem Text eine größere Bedeutung hat.

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

Standardmäßig ist das visuelle Ergebnis dasselbe. Allerdings unterscheidet sich die semantische Bedeutung. Das <em>-Element repräsentiert eine Betonung des Inhalts, wohingegen das <i>-Element Text darstellt, der aus dem normalen Fließtext hervorgehoben wird, wie ein fremdsprachiges Wort, Gedanken eines fiktiven Charakters oder wenn der Text sich auf die Definition eines Wortes bezieht, anstatt dessen semantische Bedeutung darzustellen. (Der Titel eines Werks, wie der Name eines Buches oder Films, sollte <cite> verwenden.)

Dies bedeutet, dass die richtige Verwendung von der Situation abhängt. Keines der beiden wird für rein dekorative Zwecke verwendet, dafür ist CSS-Styling da.

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 kursiv geschriebenen Wörter mit einer Betonung aussprechen, indem sie dabei eine verbale Betonung verwendet.

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 angedeutet, 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>