1. Web
  2. HTML
  3. Reference
  4. Elements
  5. <time>

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<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 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 zu präsentieren. Zum Beispiel kann dies einem User-Agent helfen, ein Ereignis zum Kalender eines Benutzers hinzuzufügen.

Dieses Element sollte nicht für Daten vor der Einführung des Gregorianischen Kalenders verwendet werden (wegen Komplikationen bei der Berechnung dieser Daten).

Der datetime-Wert (der maschinenlesbare Wert des Datums und der Zeit) ist der Wert des datetime-Attributs des Elements, das im richtigen Format vorliegen muss (siehe unten). Wenn das Element kein datetime-Attribut hat, darf es keine untergeordneten Elemente haben, und der datetime-Wert ist der Textinhalt des Kindelements.

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 datenloser 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 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-Zahlen YYYY 2013, 0001
Gültiger Dauersuffix 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 Flussinhalt, Phrasierung Inhalt, greifbarer Inhalt.
Erlaubter Inhalt Phrasierung Inhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das Phrasierung Inhalt akzeptiert.
Implizite ARIA-Rolle time
Erlaubte ARIA-Rollen Jede
DOM-Schnittstelle [`HTMLTimeElement`](/de/docs/Web/API/HTMLTimeElement)

Spezifikationen

Spezifikation
HTML
# the-time-element

Browser-Kompatibilität

Siehe auch

  • Das <data> Element, das es 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