<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 ⁨Oktober 2017⁩.

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

Es kann einen der folgenden Fälle darstellen:

Eine Uhrzeit 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 Uhrzeit und/oder das Datum des Elements an und muss in einem der unten beschriebenen Formate vorliegen.

Anwendungshinweise

Dieses Element dient dazu, Daten und Zeiten in einem maschinenlesbaren Format darzustellen. Dies kann beispielsweise einem Nutzeragenten helfen, ein Ereignis dem 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 von 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-Nachkommen 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 jahrunabhängiger Datumsstring	`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 aus einem gültigen lokalen Datum- und Zeitstring 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	Fließende Inhalte, Phraseninhalt, spürbar Inhalte.
Erlaubter Inhalt	Phraseninhalt.
Tag-Auslassung	Keine, sowohl der Start- als auch der End-Tag sind obligatorisch.
Erlaubte Eltern	Jedes Element, das Phraseninhalt 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, das die Signalisierung anderer Arten von Werten ermöglicht.

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden