<time>: Das (Datum-) Zeitelement

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> HTML Element repräsentiert einen bestimmten Zeitraum. Es kann das datetime-Attribut enthalten, um Daten in ein maschinenlesbares Format zu übersetzen, was zu besseren Ergebnissen in Suchmaschinen oder benutzerdefinierten Funktionen wie Erinnerungen führen kann.

Es kann eines der folgenden darstellen:

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 zur Darstellung von Daten und Zeiten in einem maschinenlesbaren Format. Beispielsweise kann dies einem Benutzeragenten helfen, einem Benutzer anzubieten, ein Ereignis in seinen Kalender hinzuzufügen.

Dieses Element sollte nicht für Daten vor der Einführung des Gregorianischen Kalenders verwendet werden (aufgrund von Berechnungskomplikationen).

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

Gültige datetime-Werte

Beschreibung Mikrosyntax Beispiele
Gültige Monatszeichenkette YYYY-MM 2011-11, 2013-05
Gültige Datumszeichenkette YYYY-MM-DD 1887-12-01
Gültige Jahreslose Datumszeichenkette MM-DD 11-12
Gültige Zeitzeichenkette HH:MM
HH:MM:SS
HH:MM:SS.mmm 		23:59
12:15:47
12:15:52.998
Gültige lokale Datum- und Zeitzeichenkette 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-Zeichenkette Z
+HHMM
+HH:MM
-HHMM
-HH:MM 		Z
+0200
+04:30
-0300
-08:00
Gültige globale Datum- und Zeitzeichenkette Jede Kombination einer gültigen lokalen Datum- und Zeitzeichenkette gefolgt von einer gültigen Zeitzonen-Offset-Zeichenkette 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 Wochenzeichenkette YYYY-WWW 2013-W46
Vier oder mehr ASCII-Ziffern YYYY 2013, 0001
Gültige Dauerdarstellung 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ßendes Inhalt, Phrasierungsinhalt, greifbarer Inhalt.
Erlaubter Inhalt Phrasierungsinhalt.
Tag-Auslassung Keine, sowohl die Start- als auch die End-Tag sind erforderlich.
Erlaubte Eltern Jedes Element, das Phrasierungsinhalt 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 signalisiert.