<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 einen spezifischen Zeitraum. Es kann das datetime-Attribut enthalten, um Daten in ein maschinenlesbares Format zu übersetzen, was zu besseren Suchergebnissen oder benutzerdefinierten Funktionen wie Erinnerungen führen kann.

Es kann eines der folgenden darstellen:

Eine Uhrzeit in einem 24-Stunden-Format.
Ein genaues Datum im gregorianischen Kalender (mit optionaler Zeit- und Zeitzoneninformationen).
Eine gültige Zeitdauer.

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 Uhrzeit 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 Nutzeragenten helfen, dem Benutzer anzubieten, ein Ereignis in den Kalender aufzunehmen.

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

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

Gültige datetime-Werte

Beschreibung	Mikrosyntax	Beispiele
Gültiger Monatsstring	`YYYY-MM`	`2011-11`, `2013-05`
Gültiger Datumsstring	`YYYY-MM-DD`	`1887-12-01`
Gültiger datumsfreier String	`MM-DD`	`11-12`
Gültiger Zeitstring	`HH:MM` `HH:MM:SS` `HH:MM:SS.mmm`	`23:59` `12:15:47` `12:15:52.998`
Gültiger lokaler Datum- und Zeitstring	`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 Zeitstring	Jede Kombination eines gültigen lokalen Datum- und Zeitstrings 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 Wochenstring	`YYYY-WWW`	`2013-W46`
Vier oder mehr ASCII-Ziffern	`YYYY`	`2013`, `0001`
Gültiger Dauerstring	`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	Fluss-Inhalt, Phrasing-Inhalt, greifbarer Inhalt.
Erlaubter Inhalt	Phrasing-Inhalt.
Tag-Auslassung	Keine, sowohl Start- als auch End-Tag sind obligatorisch.
Erlaubte Eltern	Jedes Element, das Phrasing-Inhalt 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

BCD tables only load in the browser

Siehe auch

Das <data>-Element, das andere Arten von Werten signalisiert.