<time> HTML Zeit (Datum) Element - HTML | MDN

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

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.