<em>: Das Hervorhebungs-Element

Dieses Element umfasst nur die globalen Attribute.

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

Typischerweise wird dieses Element in kursiver Schrift dargestellt. Es sollte jedoch nicht verwendet werden, um kursiven Stil zu erzeugen; dafür sollte die CSS-Eigenschaft font-style verwendet werden. Das <cite>-Element sollte verwendet werden, um den Titel eines Werks (Buch, Theaterstück, Lied usw.) zu markieren. Das <i>-Element sollte verwendet werden, um Texte zu markieren, die in einem alternativen Ton oder einer anderen Stimmung stehen, was viele gängige Situationen für Kursivschrift abdeckt, wie wissenschaftliche Namen oder Wörter in anderen Sprachen. Das <strong>-Element sollte verwendet werden, um Text zu markieren, der im Vergleich zum umgebenden Text eine größere Bedeutung hat.

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

Standardmäßig ist das visuelle Ergebnis dasselbe. Die semantische Bedeutung ist jedoch unterschiedlich. Das <em>-Element repräsentiert die betonende Hervorhebung seines Inhalts, während das <i>-Element Text darstellt, der vom normalen Schreibstil abweicht, wie beispielsweise ein fremdsprachiges Wort, Gedanken eines fiktiven Charakters oder wenn der Text die Definition eines Wortes bedeutet, anstatt dessen semantische Bedeutung darzustellen. (Der Titel eines Werks, wie der Name eines Buches oder Films, sollte <cite> verwenden.)

Das bedeutet, dass die richtige Verwendung von der Situation abhängt. Keines der beiden ist rein dekorativ, dafür ist das 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 Wörter in Kursivschrift mit einer Betonung, also mit einem akzentuierten Ton, vorlesen.

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 Bedeutung für das Wort "Queen Mary". Es wird lediglich angezeigt, dass es sich bei dem betreffenden Objekt nicht um eine Königin namens Maria, 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>