<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 bestimmten Zeitraum. Es kann das datetime Attribut enthalten, um Daten in ein maschinenlesbares Format zu übersetzen, was bessere Suchergebnisse bei Suchmaschinen oder benutzerdefinierte Funktionen wie Erinnerungen ermöglicht.

Es kann eine der folgenden Darstellungen haben:

Eine Zeit auf einer 24-Stunden-Uhr.
Ein genaues Datum im gregorianischen Kalender (mit optionalen 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 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 zu präsentieren. So kann ein Benutzeragent beispielsweise vorschlagen, ein Ereignis zum Kalender eines Benutzers hinzuzufügen.

Dieses Element sollte nicht für Daten vor der Einführung des gregorianischen Kalenders verwendet werden (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 vorliegen muss (siehe unten). Hat das Element kein datetime Attribut, darf es keine Elementnachkommen 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 datumslose 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-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ü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 aus 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 Dauerzeichenfolge	`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 Übersicht

Inhaltskategorien	Flussinhalt, Phrasing-Inhalt, greifbarer Inhalt.
Erlaubter Inhalt	Phrasing-Inhalt.
Tag-Auslassung	Keine, sowohl der Start- als auch der End-Tag sind obligatorisch.
Erlaubte Eltern	Jedes Element, das Phrasing-Inhalt akzeptiert.
Implizite ARIA-Rolle	`time`
Erlaubte ARIA-Rollen	Alle
DOM-Interface	[`HTMLTimeElement`](/de/docs/Web/API/HTMLTimeElement)

Spezifikationen

Specification
HTML # the-time-element

Browser-Kompatibilität

Siehe auch

Das <data> Element, das es ermöglicht, andere Arten von Werten zu signalisieren.