Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

Ü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.

Anmerkung: Normalerweise wird dieses Element in kursiv Schrift angezeigt. Sie können mit CSS jeden Text fett oder kursiv ausgeben und auch die Standartformatierung eines Browsers für die Elemente wie <strong> und <em> überschreiben. Verwenden Sie <cite> Elemente für Zitate oder Quellenverweise. Man nimmt es z.B. für Titel oder Bücher, Namen eines Lieds oder ein Konzert, Theaterstück usw. ; <cite> ist nur für die Quelle gedacht, nicht für das, was Sie daraus zitieren. Verwenden Sie <strong> Element um einen wichtigen Text zu kennzeichnen,  während <em> die Betonung vermittelt. Sie verwenden sie je nach inhaltlicher Anforderung einzeln oder zusammen.
Inhaltsverzeichnis fließender Inhalt, gestaltender Inhalt, eindeutiger Inhalt
Nicht erlaubter Inhalt Ausdrucksinhalt
Tag wegfall keiner ; kleine Anmerkung= Tag in diesem Sinne heisst "Schlagwort", im Zusammenhang mit HTML belasse ich das Wort TAG im Orginalen, zum besseren Verständnis.
Erlaubtes Elternelement

Alle Elemente die Inhaltsformulierung akzeptieren

DOM interface HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implementiert die HTMLSpanElement Schnittstelle für dieses Element.

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

Specification Status Comment
HTML Living Standard
Die Definition von '<em>' in dieser Spezifikation.
Lebender Standard  
HTML5
Die Definition von '<em>' in dieser Spezifikation.
Empfehlung  
HTML 4.01 Specification
Die Definition von '<em>' in dieser Spezifikation.
Empfehlung  

Browser compatibility

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 (Ja) (Ja) (Ja) (Ja)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support (Ja) (Ja) (Ja) (Ja) (Ja)

See also

  • HTMLElement i
HTML Referenz

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: grandmalovesyou, dio
 Zuletzt aktualisiert von: grandmalovesyou,