<em>: Das Emphasis-Element

Dieses Element schließt nur die globalen Attribute ein.

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

Typischerweise wird dieses Element in kursiver Schrift angezeigt. Es sollte jedoch nicht verwendet werden, um kursiven Stil anzuwenden; verwenden Sie dafür 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 kennzeichnen, der in einem anderen Ton oder einer anderen Stimmung steht, was viele gängige Situationen für Kursivschrift wie wissenschaftliche Namen oder Wörter in anderen Sprachen abdeckt. Verwenden Sie das <strong>-Element, um Text zu kennzeichnen, der wichtiger ist als der umgebende Text.

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

Standardmäßig ist das visuelle Ergebnis dasselbe. Jedoch ist die semantische Bedeutung unterschiedlich. Das <em>-Element stellt eine betonte Hervorhebung seines Inhalts dar, während das <i>-Element Text darstellt, der vom normalen Prosatext abgesetzt ist, wie etwa ein Fremdwort, Gedanken eines fiktiven Charakters oder wenn sich der Text auf die Definition eines Wortes bezieht anstatt dessen semantische Bedeutung darzustellen. (Der Titel eines Werkes, wie der Name eines Buches oder Films, sollte <cite> verwenden.)

Das bedeutet, dass das richtige Element von der Situation abhängt. Keines der beiden ist für rein dekorative Zwecke gedacht, dafür ist die CSS-Stilgestaltung 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 einem betonten Akzent aussprechen, wobei der verbale Akzent verwendet wird.

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

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>