Startseite >Web >HTML-Referenz – Elemente und Attribute >time – Datum und Uhrzeit

time – Datum und Uhrzeit

<time datetime="2026-10-09">9. Oktober 2026</time>

Ein Datum, eine Uhrzeit oder eine Dauer. Der Text für Menschen kann beliebig sein („morgen“, „9. Oktober“), den maschinenlesbaren Wert schreibt man in das Attribut datetime. Suchmaschinen, Kalender und Skripte nutzen ihn. Der Browser zeigt das Element nicht besonders an.

  • Standarddarstellung: display: inline
  • End-Tag: erforderlich
  • Inhalt: Phrasierungsinhalt; ohne datetime nur Text in einem gültigen Format
  • Wo es stehen darf: überall, wo Phrasierungsinhalt erlaubt ist
  • DOM-Schnittstelle: HTMLTimeElement

Attribute

  • datetime – der Wert in einem Maschinenformat: ein Datum 2026-10-09, eine Uhrzeit 08:30, Datum und Uhrzeit mit Zeitzone 2026-10-09T08:30+02:00, ein Monat 2026-10, ein Jahr 2026, eine Woche 2026-W41, eine Dauer PT2H30M (2 Stunden 30 Minuten) oder P3D (3 Tage).

Beispiele

Das Datum eines Artikels, die Öffnungszeit und die Backzeit:

<p>Veröffentlicht <time datetime="2026-10-09T08:30+02:00">am 9. Oktober um 8:30 Uhr</time>.</p>
<p>Wir öffnen um <time datetime="06:00">6 Uhr</time>, das Brot backt <time datetime="PT45M">45 Minuten</time>.</p>
Ergebnis

Veröffentlicht .

Wir öffnen um , das Brot backt .

Worauf Sie achten sollten

  • Ohne das Attribut datetime muss der Text selbst im Format sein (<time>2026-10-09</time>) – „9. Oktober“ können Maschinen ohne datetime nicht lesen.
  • Der Browser rechnet das Datum nicht um und formatiert es nicht. JavaScript (Intl.DateTimeFormat) zeigt es in der Sprache des Besuchers an.
  • Eine Uhrzeit ohne Zeitzone ist eine Ortszeit ohne Ort – bei Ereignissen mit genauem Zeitpunkt geben Sie die Zone oder Z (UTC) an.

Browserunterstützung

Baseline – weithin verfügbar: in allen gängigen Browsern seit Oktober 2017, gilt als weithin verfügbar seit April 2020. Ab Version: Chrome 62, Firefox 22, Safari 7. Stand: Oktober 2026 (MDN browser-compat-data).

Siehe auch:
data – maschinenlesbarer Wert
del – gelöschter Text
ins – eingefügter Text
span – allgemeines Inline-Element