`<time>` HTML-Zeit (Datum) Element

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Oktober 2017 browserübergreifend verfügbar.

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 Suchmaschinenergebnissen oder benutzerdefinierten Funktionen wie Erinnerungen führen kann.

Es kann einen der folgenden Werte darstellen:

Eine Uhrzeit im 24-Stunden-Format.
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.

Anmerkungen zur Verwendung

Dieses Element dient der Darstellung von Daten und Zeiten in einem maschinenlesbaren Format. Zum Beispiel kann dies einem Benutzeragenten helfen, dem Benutzer anzubieten, ein Ereignis zu seinem Kalender 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 sein muss (siehe unten). Hat das Element kein datetime-Attribut, darf es keine weiteren Elemente als Nachkommen haben, und der datetime-Wert ist der Textinhalt des Elements.

Gültige Datetime-Werte

Beschreibung	Mikrosyntax	Beispiele
Gültiger Monats-String	`YYYY-MM`	`2011-11`, `2013-05`
Gültiger Datums-String	`YYYY-MM-DD`	`1887-12-01`
Gültiger Jahrloser 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 Datums- 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 Datums- und Zeit-String	Jegliche Kombination aus einem gültigen lokalen Datums- und Zeit-String, 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ßende Inhalte, Phrasierungsinhalte, fühlbarer Inhalt.
Erlaubter Inhalt	Phrasierungsinhalte.
Tag-Auslassung	Keine, sowohl der Start- als auch der End-Tag sind obligatorisch.
Erlaubte Eltern	Jedes Element, das Phrasierungsinhalte akzeptiert.
Implizite ARIA-Rolle	`time`
Erlaubte ARIA-Rollen	Beliebig
DOM-Schnittstelle	[`HTMLTimeElement`](/de/docs/Web/API/HTMLTimeElement)

Spezifikationen

Spezifikation
HTML # the-time-element

Browser-Kompatibilität

Siehe auch

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

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

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

<time> HTML-Zeit (Datum) Element

HTML

Ergebnis

HTML

Ergebnis

Help improve MDN

`<time>` HTML-Zeit (Datum) Element