<em>

Übersicht

Das HTML Element Emphasis <em> stellt das eingeschlossene Wort kursiv dar. Wenn das <em> ein Nachfahr von <strong> ist, wird dessen Text sowohl kursiv als auch fett dargestellt.

Attributes

Dieses Element beinhaltet nur die  globalen Eigenschaften.

Example

Das Element <em> wird oft verwendet, um einen impliziten oder expliziten Kontrast anzugeben.

<p>
  In HTML 5, what was previously called <em>blockorientiert</em> content is now called <em>dynamisch</em> content.
</p>

Result

In HTML 5 wird der Inhalt, der zuvor als blockorientierter-Inhalt bezeichnet wurde, wird jetzt als dynamischer-Inhalt bezeichnet.

<i> vs. <em>

Es ist für neue Entwickler oft verwirrend, warum es so viele Elemente gibt, um die Betonung auf etwas Text auszudrücken. <i> und <em> sind vielleicht eine der häufigsten. Warum sollten Sie <em> </ em> vs <i> </ i> verwenden? Sie produzieren genau das gleiche Ergebnis, nicht wahr?

Nicht genau. Das visuelle Ergebnis ist standardmäßig das gleiche - beide Tags(Schlagwörter) rendern den Inhalt kursiv. Aber die semantische Bedeutung ist anders. Das <em> -Tag stellt die Betonung des Inhalts dar, während das <i> -Tag Text darstellt, der von der normalen Prosa abgesetzt wird, wie z. B. der Name eines Films oder Buchs, ein Fremdwort oder wenn sich der Text auf die Definition eines Wortes statt seiner semantischen Bedeutung.

Ein Beispiel für <em> könnte lauten: "Just do it already!", oder: "We had to do something about it". Eine Person oder Software, die den Text liest, würde die Wörter in Kursivschrift mit Betonung aussprechen.

Ein Beispiel für <i> könnte sein: "The Queen Mary sailed last night". Hier gibt es keine zusätzliche Betonung oder Bedeutung für das Wort "Queen Mary". Es wird lediglich angedeutet, dass es sich nicht um eine Königin namens Mary handelt, sondern um ein Schiff namens Queen Mary. Ein weiteres Beispiel für <i> könnte sein: "The word the is an article"

Specifications

Browser compatibility

See also

• HTMLElement i