HTML `<time>`-Element

Das <time>-Element ist eines der HTML5-Elemente. Es wird verwendet, um eines der folgenden zu definieren:

eine für Menschen lesbare Uhrzeit im 24-Stunden-Format,
ein genaues Datum im Gregorianischen Kalender (mit optionaler Zeitzone- und Zeitangabe).

Das <time>-Element sollte nicht für Daten vor der Einführung des Gregorianischen Kalenders verwendet werden.

Das Attribut datetime wird verwendet, um ein maschinenlesbares Format zu definieren, das Suchmaschinen ermöglicht, intelligentere Ergebnisse zu liefern und User-Agents, Erinnerungen zum Kalender des Benutzers hinzuzufügen. Wenn das datetime-Attribut fehlt, sollte das <time>-Element keine untergeordneten Elemente enthalten. In diesem Fall ist der datetime-Wert der Textinhalt des Elements.

Syntax

Das <time>-Element erfordert sowohl öffnende als auch schließende Tags. Der Inhalt wird zwischen dem öffnenden <time>- und dem schließenden </time>-Tag geschrieben.

Beispiel für das HTML `<time>`-Element:

HTML <time>-Element

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document.</title>
  </head>
  <body>
    <p>The game will be held on <time datetime="2018-09-28T19:00">September 28</time>.</p>
    <p>It will start at <time>19:00</time></p>
  </body>
</html>

Try it Yourself »

Ergebnis

time example

Attribute

Attribut	Wert	Beschreibung
datetime	`YYYY-MM-DD`, `YYYY-MM-DDThh:mm`, `hh:mm` usw.	Gibt die Zeit/das Datum in einem maschinenlesbaren Format an. Der Wert muss einem gültigen Datums-/Zeitzeichenfolgenformat folgen (z. B. ISO 8601). Zeitverschiebungen wie `+02:00` oder `Z` werden ebenfalls unterstützt.

Das <time>-Element unterstützt auch die Globalen Attribute.

Hinweis: Das Attribut pubdate wurde früher unterstützt, ist aber in späteren HTML-Spezifikationen veraltet und entfernt worden.

So stylen Sie ein HTML <time>-Element

css

time {
  color: blue;
  font-weight: bold;
}

Praxis

Was trifft auf das HTML <time>-Element zu?

Das HTML <time>-Element stellt Datum/Uhrzeit auf einer Webseite dar.<time> ist ein Block-Element.Dieses Element wird von allen gängigen Browsern unterstützt.Das <time>-Element unterstützt keine globalen Attribute in HTML.Das <time>-Element wird verwendet, um einen bestimmten Zeitraum darzustellen, wie z. B. ein bestimmtes Datum oder eine Uhrzeit, einen Monat oder ein Jahr oder eine Zeitverschiebung von der Koordinierten Weltzeit (UTC).

HTML <time>-Element ​

Syntax ​

Beispiel für das HTML <time>-Element: ​

Ergebnis ​