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
153
154
155
|
---
title: <q>
slug: Web/HTML/Element/q
tags:
- Element
- HTML
- HTML Text-Level Semantik
- Referenz
- Web
translation_of: Web/HTML/Element/q
---
<div>{{HTMLRef}}</div>
<h2 id="Übersicht">Übersicht</h2>
<p>Das <strong>HTML <code><q></code> Element</strong> (oder <em>HTML Quote Element</em>) indiziert, dass es sich bei dem eingeschlossenen Text um ein kurzes Zitat handelt. Dieses Element ist speziell für kurze Zitate gedacht, die keinen Umbruch benötigen; für längere Zitate sollte das {{HTMLElement("blockquote")}} Element verwendet werden.</p>
<table class="properties">
<tbody>
<tr>
<th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Inhaltskategorien</a></th>
<td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Fließender Inhalt</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Formulierungsinhalt</a>, greifbarer Inhalt.</td>
</tr>
<tr>
<th scope="row">Erlaubter Inhalt</th>
<td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Formulierungsinhalt</a>.</td>
</tr>
<tr>
<th scope="row">Tag Auslassung</th>
<td>{{no_tag_omission}}</td>
</tr>
<tr>
<th scope="row">Erlaubte Elternelemente</th>
<td>Jedes Element, dass <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Formulierungsinhalt</a> erlaubt.</td>
</tr>
<tr>
<th scope="row">DOM Schnittstelle</th>
<td>{{domxref("HTMLQuoteElement")}}</td>
</tr>
</tbody>
</table>
<h2 id="Attribute">Attribute</h2>
<p><span style="line-height: 21px;">Dieses Element schließt nur </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">globale Attribute</a><span style="line-height: 21px;"> ein.</span></p>
<dl>
<dt>{{htmlattrdef("cite")}}</dt>
<dd>Der Wert des Attributs ist eine URL, die zu dem Quelldokument oder der Quellnachricht der Information führt. Dieses Attribut zielt darauf ab, auf Informationen zu zeigen, die den Kontext oder die Referenz des Zitats näher erläutern.</dd>
</dl>
<h2 id="Example" name="Example">Beispiel</h2>
<pre class="brush: html"><p>Jedes mal, wenn Kenny stirbt, sagt Stan
<q cite="http://en.wikipedia.org/wiki/Kenny_McCormick#Cultural_impact">
Oh mein Gott, sie haben Kenny getötet!
</q>.
</p>
</pre>
<p>Dieser HTML Code liefert folgendes Ergebnis:</p>
<p>Jedes mal, wenn Kenny stirbt, sagt Stan <q cite="http://en.wikipedia.org/wiki/Kenny_McCormick#Cultural_impact">Oh mein Gott, sie haben Kenny getötet!</q>.</p>
<h2 id="Spezifikationen">Spezifikationen</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Spezifikation</th>
<th scope="col">Status</th>
<th scope="col">Kommentar</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-q-element', '<q>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-q-element', '<q>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.2', '<q>')}}</td>
<td>{{Spec2('HTML4.01')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2>
<p>{{CompatibilityTable}}</p>
<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</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoDesktop("1.0")}}</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 Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoMobile("1.0")}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<h3 id="Anmerkungen">Anmerkungen</h3>
<p>Die meisten modernen Standard-basierten Browser, wie Mozilla Firefox, Opera, und Safari sollten Anführungszeichen um das <code><q></code> Element hinzufügen.</p>
<p>Manche Browser, wie der Internet Explorer, ändern die Darstellung nicht, ermöglichen jedoch eine Darstellungsregel für Zitate festzulegen.</p>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
<li>Das {{HTMLElement("blockquote")}} Element für lange Zitate.</li>
<li>Das {{HTMLElement("cite")}} Element für Quellangaben.</li>
</ul>
|
