<time>: Das (Datum) Zeit-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> HTML Element repräsentiert eine spezifische Zeitperiode. Es kann das datetime-Attribut enthalten, um Daten in ein maschinenlesbares Format zu übersetzen, was bessere Suchergebnisse oder benutzerdefinierte Funktionen wie Erinnerungen ermöglicht.

Es kann eines der folgenden darstellen:

Probieren Sie es aus

<p>
  The Cure will be celebrating their 40th anniversary on
  <time datetime="2018-07-07">July 7</time> in London's Hyde Park.
</p>

<p>
  The concert starts at <time datetime="20:00">20:00</time> and you'll be able
  to enjoy the band for at least <time datetime="PT2H30M">2h 30m</time>.
</p>

time {
  font-weight: bold;
}

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. Zum Beispiel kann dies einem Benutzeragenten helfen, anzubieten, 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 datetime) ist der Wert des datetime-Attributs des Elements, das im richtigen Format sein muss (siehe unten). Wenn das Element kein datetime-Attribut hat, darf es keine Element-Nachfahren haben, und der datetime-Wert ist der Textinhalt des Elements.

Gültige datetime-Werte

Beschreibung Mikrosyntax Beispiele
Gültiger Monat-String YYYY-MM 2011-11, 2013-05
Gültiger Datums-String YYYY-MM-DD 1887-12-01
Gültiger datumsloser Datums-String MM-DD 11-12
Gültiger Zeit-String HH:MM
HH:MM:SS
HH:MM:SS.mmm 		23:59
12:15:47
12:15:52.998
Gültiger lokaler Datum- und Zeit-String YYYY-MM-DD HH: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ültiger Zeitzonen-Offset-String Z
+HHMM
+HH:MM
-HHMM
-HH:MM 		Z
+0200
+04:30
-0300
-08:00
Gültiger globaler Datum- und Zeit-String Jede Kombination eines gültigen lokalen Datum- und Zeit-Strings gefolgt von einem gültigen Zeitzonen-Offset-String 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ültiger Wochen-String YYYY-WWW 2013-W46
Vier oder mehr ASCII-Ziffern YYYY 2013, 0001
Gültiger Dauer-String 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, Phrasierungsinhalt, greifbarer Inhalt.
Erlaubter Inhalt Phrasierungsinhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
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
# the-time-element

Browser-Kompatibilität

Siehe auch

  • Das <data> Element, welches ein anderes Wertsignal ermöglicht.