<em>: Das Emphasis-Element

Dieses Element umfasst nur die globalen Attribute.

Das <em> Element dient für Wörter, die im Vergleich zum umgebenden Text eine betonte Hervorhebung haben. Diese Hervorhebung bezieht sich oft nur auf ein Wort oder einige Wörter eines Satzes und beeinflusst die Bedeutung des Satzes selbst.

Typischerweise wird dieses Element kursiv dargestellt. Es sollte jedoch nicht zur Anwendung von Kursivstil verwendet werden; hierfür ist die CSS-Eigenschaft font-style zu nutzen. Verwenden Sie das <cite> Element, um den Titel eines Werkes (Buch, Theaterstück, Lied usw.) zu markieren. Verwenden Sie das <i> Element, um Text zu kennzeichnen, der in einem alternativen Ton oder einer anderen Stimmung steht, was viele allgemeine 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 wichtiger ist als der umgebende Text.

Einige Entwickler könnten verwirrt sein, da 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 sollte man verwenden?

Standardmäßig ist das visuelle Ergebnis dasselbe. Die semantische Bedeutung ist jedoch unterschiedlich. Das <em> Element repräsentiert die Betonung des Inhalts, während das <i> Element Text darstellt, der vom normalen Prosatext abgesetzt ist, wie z.B. ein Fremdwort, Gedanken einer fiktiven Figur oder wenn der Text auf die Definition eines Wortes verweist statt auf seine semantische Bedeutung. (Der Titel eines Werkes, wie der Name eines Buches oder Films, sollte <cite> verwenden.)

Das bedeutet, dass je nach Situation das richtige Element gewählt werden sollte. Keines der beiden dient rein dekorativen Zwecken, 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 Betonung, also mit verbaler Hervorhebung, aussprechen.

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 für das Wort "Queen Mary". Es wird lediglich angegeben, dass es sich bei dem 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>