1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
|
---
title: <em>
slug: Web/HTML/Element/em
translation_of: Web/HTML/Element/em
---
<h2 id="Übersicht">Übersicht</h2>
<p>Das HTML Element<em> Emphasis</em> <strong><em></strong> stellt das eingeschlossene Wort <em>kursiv</em> dar. Wenn das <strong><code><em></code></strong> ein Nachfahr von <em><strong></em> ist, wird dessen Text sowohl <em>kursiv</em> als auch <strong>fett</strong> dargestellt.</p>
<div class="note"><strong>Anmerkung:</strong> 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.</div>
<table class="properties">
<tbody>
<tr>
<th scope="row">Inhaltsverzeichnis</th>
<td>fließender Inhalt, gestaltender Inhalt, eindeutiger Inhalt</td>
</tr>
<tr>
<th scope="row">Nicht erlaubter Inhalt</th>
<td>Ausdrucksinhalt</td>
</tr>
<tr>
<th scope="row">Tag wegfall</th>
<td>keiner ; kleine Anmerkung= Tag in diesem Sinne heisst "Schlagwort", im Zusammenhang mit HTML belasse ich das Wort TAG im Orginalen, zum besseren Verständnis.</td>
</tr>
<tr>
<th scope="row">Erlaubtes Elternelement</th>
<td>
<p>Alle Elemente die Inhaltsformulierung akzeptieren</p>
</td>
</tr>
<tr>
<th scope="row">DOM interface</th>
<td>{{domxref("HTMLElement")}} Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implementiert die {{domxref("HTMLSpanElement")}} Schnittstelle für dieses Element.</td>
</tr>
</tbody>
</table>
<h2 id="Attributes">Attributes</h2>
<p>Dieses Element beinhaltet nur die <a href="/en-US/docs/Web/HTML/Global_attributes">globalen Eigenschaften</a>.</p>
<h2 id="Example">Example</h2>
<p><span id="result_box" lang="de"><span>Das Element <em> wird oft verwendet, um einen impliziten oder expliziten Kontrast anzugeben.</span></span></p>
<pre class="brush: html"><p>
In HTML 5, what was previously called <em>blockorientiert</em> content is now called <em>dynamisch</em> content.
</p></pre>
<h3 id="Result" name="Result">Result</h3>
<p><span id="result_box" lang="de"><span>In HTML 5 wird der Inhalt, der zuvor als <em>blockorientiert</em>er-Inhalt bezeichnet wurde, wird jetzt als <em>dynamisch</em>er-Inhalt bezeichnet.</span></span></p>
<h2 id="<i>_vs._<em>"><i> vs. <em></h2>
<p><span id="result_box" lang="de"><span>Es ist für neue Entwickler oft verwirrend, warum es so viele Elemente gibt, um die Betonung auf etwas Text auszudrücken.</span> <span><i> und <em> sind vielleicht eine der häufigsten.</span> <span>Warum sollten Sie <em> </ em> vs <i> </ i> verwenden?</span> <span>Sie produzieren genau das gleiche Ergebnis, nicht wahr?</span></span></p>
<p><span id="result_box" lang="de"><span>Nicht genau.</span> <span>Das visuelle Ergebnis ist standardmäßig das gleiche - beide Tags(<em>Schlagwörter</em>) rendern den Inhalt kursiv.</span> <span>Aber die semantische Bedeutung ist anders.</span> <span>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</span> <span>Definition eines Wortes statt seiner semantischen Bedeutung.</span></span></p>
<p><span id="result_box" lang="de"><span>Ein Beispiel für <em> könnte lauten: "Just <em>do</em> it already!", oder: "</span></span>We <em>had</em> to do something about it<span lang="de"><span>".</span> <span>Eine Person oder Software, die den Text liest, würde die Wörter in Kursivschrift mit Betonung aussprechen.</span></span></p>
<p><span id="result_box" lang="de"><span>Ein Beispiel für <i> könnte sein: "</span></span>The <em>Queen Mary</em> sailed last night<span lang="de"><span>".</span> <span>Hier gibt es keine zusätzliche Betonung oder Bedeutung für das Wort "Queen Mary".</span> <span>Es wird lediglich angedeutet, dass es sich nicht um eine Königin namens Mary handelt, sondern um ein Schiff namens Queen Mary.</span> <span>Ein weiteres Beispiel für <i> könnte sein: "</span></span>The word <em>the</em> is an article<span lang="de"><span>"</span></span></p>
<p> </p>
<h2 id="Specifications" name="Specifications">Specifications</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-em-element', '<em>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-em-element', '<em>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<em>')}}</td>
<td>{{Spec2('HTML4.01')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
<div>{{CompatibilityTable}}</div>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari (WebKit)</th>
</tr>
<tr>
<td>Basic support</td>
<td>1.0</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Phone</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="See_also" name="See_also">See also</h2>
<ul>
<li>HTMLElement i</li>
</ul>
<div>HTML Referenz</div>
|
