<time>: Das (Datum) Uhrzeit-Element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.

Das <time>-Element von HTML repräsentiert einen spezifischen Zeitraum. Es kann das datetime-Attribut enthalten, um Daten in ein maschinenlesbares Format zu übersetzen, was zu besseren Suchmaschinenergebnissen oder benutzerdefinierten Funktionen wie Erinnerungen führen kann.

Es kann eine der folgenden Darstellungen haben:

Probieren Sie es aus

Attribute

Wie alle anderen HTML-Elemente unterstützt dieses Element die globalen Attribute.

datetime

Dieses Attribut gibt die Zeit und/oder das Datum des Elements an und muss in einem der unten beschriebenen Formate vorliegen.

Verwendungshinweise

Dieses Element dient dazu, Daten und Zeiten in einem maschinenlesbaren Format darzustellen. Beispielsweise kann dies einem Benutzeragenten helfen, ein Ereignis zum Kalender eines Benutzers hinzuzufügen.

Dieses Element sollte nicht für Daten verwendet werden, die vor der Einführung des gregorianischen Kalenders liegen (aufgrund von Komplikationen bei der Berechnung dieser Daten).

Der datetime-Wert (der maschinenlesbare Wert des datetimes) ist der Wert des datetime-Attributs des Elements, der im richtigen Format sein muss (siehe unten). Wenn das Element kein datetime-Attribut hat, darf es keine Kindelemente haben, und der datetime-Wert ist der Textinhalt des Elements.

Gültige datetime-Werte

Beschreibung Mikrosyntax Beispiele
Gültige Monatszeichenfolge YYYY-MM 2011-11, 2013-05
Gültige Datumszeichenfolge YYYY-MM-DD 1887-12-01
Gültige datumsfreie Zeichenfolge MM-DD 11-12
Gültige Zeitzeichenfolge HH:MM
HH:MM:SS
HH:MM:SS.mmm
23:59
12:15:47
12:15:52.998
Gültige lokale Datums- und Zeitzeichenfolge YYYY-MM-DDHH:MM
YYYY-MM-DD HH:MM:SS
YYYY-MM-DD HH:MM:SS.mmm
YYYY-MM-DDTHH:MM
YYYY-MM-DDTHH:MM:SS
YYYY-MM-DDTHH:MM:SS.mmm
2013-12-25 11:12
1972-07-25 13:43:07
1941-03-15 07:06:23.678
2013-12-25T11:12
1972-07-25T13:43:07
1941-03-15T07:06:23.678
Gültige Zeitzonen-Offset-Zeichenfolge Z
+HHMM
+HH:MM
-HHMM
-HH:MM
Z
+0200
+04:30
-0300
-08:00
Gültige globale Datums- und Zeitzeichenfolge Jede Kombination einer gültigen lokalen Datums- und Zeitzeichenfolge gefolgt von einer gültigen Zeitzonen-Offset-Zeichenfolge 2013-12-25 11:12+0200
1972-07-25 13:43:07+04:30
1941-03-15 07:06:23.678Z
2013-12-25T11:12-08:00
Gültige Wochenzeichenfolge YYYY-WWW 2013-W46
Vier oder mehr ASCII-Ziffern YYYY 2013, 0001
Gültige Dauersymbolfolge PdDThHmMsS
PdDThHmMs.XS
PdDThHmMs.XXS
PdDThHmMs.XXXS
PThHmMsS
PThHmMs.XS
PThHmMs.XXS
PThHmMs.XXXS
ww dd hh mm ss
P12DT7H12M13S
P12DT7H12M13.3S
P12DT7H12M13.45S
P12DT7H12M13.455S
PT7H12M13S
PT7H12M13.2S
PT7H12M13.56S
PT7H12M13.999S
7d 5h 24m 13s

Beispiele

Einfaches Beispiel

HTML

html
<p>The concert starts at <time datetime="2018-07-07T20:00:00">20:00</time>.</p>

Ergebnis

datetime Beispiel

HTML

html
<p>
  The concert took place on <time datetime="2001-05-15T19:00">May 15</time>.
</p>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Fließ-Inhalt, Phrasieren-Inhalt, greifbarer Inhalt.
Erlaubter Inhalt Phrasieren-Inhalt.
Tag-Auslassung Keine, sowohl der Start- als auch der Endtag sind obligatorisch.
Erlaubte Eltern Jedes Element, das Phrasieren-Inhalt akzeptiert.
Implizite ARIA-Rolle time
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLTimeElement`](/de/docs/Web/API/HTMLTimeElement)

Spezifikationen

Specification
HTML Standard
# the-time-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

  • Das <data>-Element, das andere Arten von Werten signalisieren kann.