HTML time – Datum und Uhrzeit
HTML time setzt ein Datum als Klartext für den Leser mit einem optional maschinenlesbaren Attribut datetime. Für Beträge zu Technik, Gesundheit, Nachrichten und Verwaltung sind Zeitangaben ein wichtiges Signal für Leser und Suchmaschinen: Kann ich dem Inhalt jetzt vertrauen?
Veröffentlichung oder letztes Update – aktuell oder altbacken?
Wie oft stolpern wir bei Recherchen im Internet über veraltete Beiträge? Das Datum der Veröffentlichung und vor allem der letzten Überarbeitung gleich oben auf der Seite schafft Vertrauen. Dafür gibt es ein eigenes HTML-Element: time.
Das time-Tag ist ein Schritt zur Barrierefreiheit, denn anstelle von Zahlen und Punkten wie 6.1.23 18:45 Uhr entsteht mit time ein hörbares Datum. Gleichzeitig verstehen auch die Suchmaschinen die Zeitangaben des time-Elements und zeigen sie im Suchindex an – neben Header und einem guten Text ein weiteres Kriterium für den Suchenden.
Maschinenlesbare Zeitangaben
time ist wie span oder em ein inline-Element – führt nicht zu einem Zeilenumbruch – und muss geschlossen werden.
Die Zeitangabe im Gregorianischen Kalender steht im einfachsten Fall als Text zwischen öffnendem und schließenden Tag:
Nur Datum
<time datetime="2025-12-20">20. Dezember 2025</time>
📅 Nur das Datum
Datum + Uhrzeit
<time datetime="2025-12-20T15:30">20. Dezember 2025, 15:30 Uhr</time>
🕒 Datum + Zeit (ohne Sekunden)
Nur Uhrzeit
<time datetime="15:30:00">15:30 Uhr</time>
🕒 Nur Zeit
Zeitzone angeben
<time datetime="2025-12-20T15:30:00+01:00">20. Dez 2025, 15:30 Uhr MEZ</time>
🌍 Mit Zeitzone (UTC+1)
Das Datum folgt dem Schema YYYY-MM-DD (vierstellige Jahreszahl gefolgt von zweistelliger Monatszahl gefolgt von zweistelliger Tageszahl),
die Uhrzeit dem Schema HH:MM[:SS[.mmm]] (Stunde Minute Sekunde Millisekunde).
Das praktische Format Jahr Monat Tag läßt sich gut sortieren, ist aber in Deutschland gewöhnungsbedürftig – wir stellen den Tag vor den Monat, in Italien schreibt man meist dd/mm/yyyy oder d/m/yy. Dabei soll sich der sichtbare Inhalt des time-Elements in erster Linie an den Leser wenden.
Das datetime-Attribut
Ohne datetime-Attribut muss die Zeitangabe im Standard-Format erfolgen.
<time>2025-12-27</time> <time>2025-12-27T08:39</time> <time>PT30M</time>Damit der Leser ein übliches Format innerhalb des time-Tags zu sehen bekommt, sitzt die maschinenlesbare Zeit im datetime-Attribut.
<time datetime="2025-12">Dezember '25</time> <time datetime="2025-12-27">27.12.2025</time>
datetime ist das einzige spezifische Attribut für das time-Element. time kann also ein Datum oder eine Uhrzeit exakt oder vage darstellen, aber keine Zeitdauer.
Maschinenlesbare Zeitangabe
Für die Suchmaschinen und für Scripte ist 11.07.2024 nur eine Folge von Ziffern und Punkten. Mit der maschinenlesbaren Zeit im Markup können die Suchmaschinen das Event besser einordnen. Ein Script könnte alle Events auf einer Webseite zu einem Veranstaltungskalender zusammenfassen.
time hat ein eigenes Attribut datetime, das die maschinenlesbare Darstellung des Datums enthält.
Streetdance <time datetime="2024-07-11 19:00">11.07.2024 Einlass 19 Uhr</time>
Der Littard-Markt im <time datetime="2024-11">Nov 2024</time> Nacht der Filmemacher <time datetime="2024-09-17T20:00">17 September 2024</time>
Browser-Support
Da muss sich niemand Sorgen machen: Alle modernen Browser ab IE 9 unterstützten das time-Tag. Und wenn nicht, dann zeigen sie das Datum oder die Uhrzeit immer noch korrekt an.
