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
156
157
158
159
160
161
162
|
---
title: <time>
slug: Web/HTML/Element/time
tags:
- Element
- HTML
- HTML Textlevel Semantiken
- HTML5
- Referenz
- Web
translation_of: Web/HTML/Element/time
---
<p>Das <strong>HTML <code><time></code>-Element</strong> repräsentiert entweder Zeitangaben im 24-Stunden-Format oder ein präzises Datum im <a href="http://de.wikipedia.org/wiki/Gregorianischer_Kalender">gregorianischen Kalender</a> (mit optionalen Zeit- und Zeitzonen-Informationen).</p>
<p>Dieses Element erlaubt es, Daten und Zeiten in einem maschinell lesbaren Format darzustellen. Dies kann hilfreich für User Agents sein, die eine beliebige Art der Terminplanung für den Kalender des Benutzers anbieten.</p>
<div class="note"><strong>Hinweis zur Verwendung: </strong>Dieses Element ist nicht geeignet, wenn ein genaues Datum nicht berechnet werden kann oder das Datum vor der Einführung des gregorianischen Kalenders liegt (aufgrund von Schwierigkeiten, diese Daten zu berechnen).</div>
<table class="properties">
<tbody>
<tr>
<th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></th>
<td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, palpable content.</td>
</tr>
<tr>
<th scope="row">Permitted content</th>
<td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a>, aber keine verschachtelten <code>time</code>-Elemente.</td>
</tr>
<tr>
<th scope="row">Tag omission</th>
<td>Keine; sowohl End- als auch Starttag sind Pflicht.</td>
</tr>
<tr>
<th scope="row">Permitted parent elements</th>
<td>Jedes Element, das <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a> akzeptiert.</td>
</tr>
<tr>
<th scope="row">DOM interface</th>
<td>{{domxref("HTMLTimeElement")}}</td>
</tr>
</tbody>
</table>
<h2 id="Attribute">Attribute</h2>
<p>Wie alle anderen HTML-Elemente, unterstützt dieses Element <a href="/en-US/docs/HTML/Global_attributes">globale Attribute</a>.</p>
<dl>
<dt>{{htmlattrdef("datetime")}}</dt>
<dd>Dieses Attribut gibt Zeit und Datum des Elements an und muss ein <a href="http://www.w3.org/TR/html-markup/datatypes.html#common.data.datetime">gültiges Datum mit optionalem Zeit-String</a> sein. Wenn der Wert nicht als Datum mit optionalem Zeit-String geparst werden kann, wird diesem Element kein gültiger Zeitstempel zugeordnet.</dd>
</dl>
<h2 id="Beispiele">Beispiele</h2>
<h3 id="Simple_example" name="Simple_example">Einfaches Beispiel</h3>
<pre class="brush: html"><p>Das Konzert startet um <time>20:00</time> Uhr.</p>
</pre>
<p>Die Ausgabe des obigen HTML ist:</p>
<p>Das Konzert startet um 20:00 Uhr.</p>
<h3 id="Datetime_example" name="Datetime_example"><code>datetime</code>-Beispiel</h3>
<pre class="brush: html"><p>Das Konzert findet am <time datetime="2001-05-15 19:00">15. Mai</time> statt.</p>
</pre>
<p>Die Ausgabe des obigen HTML ist:</p>
<p>Das Konzert findet am 15. Mai statt.</p>
<h2 id="Specifications" name="Specifications">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', '#the-time-element', '<time>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>Keine Änderung zu {{SpecName('HTML5.1')}}</td>
</tr>
<tr>
<td>{{SpecName('HTML5.1', 'grouping-content.html#the-time-element', '<main>')}}</td>
<td>{{Spec2('HTML5.1')}}</td>
<td>Keine Änderung zu {{SpecName('HTML5 W3C')}}</td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-time-element', '<main>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td>Ursprüngliche Definition</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>{{CompatNo}}</td>
<td>{{CompatGeckoDesktop("22.0")}}</td>
<td>{{CompatUnknown}}</td>
<td>11.50<br>
Removed in 15.0</td>
<td>{{CompatNo}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Chrome for 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>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatGeckoMobile("22.0")}}</td>
<td>{{CompatUnknown}}</td>
<td>11.50<br>
Entfernt in 15.0</td>
<td>{{CompatNo}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="See_also" name="See_also">Siehe auch</h2>
<ul>
<li>Das{{HTMLElement("data")}}-Element erlaubt die Auszeichnung anderer Werte.</li>
</ul>
<p>{{HTMLRef}}</p>
|