HTML/Elemente/time

Das time-Element dient dazu, Daten, Zeitangaben oder -dauern durch Mikroformate auch für Computer und Suchmaschinen lesbar zu machen. Sie können diese Angabe entweder als Inhalt des time Elements im korrekten Format notieren, ohne weiteres HTML. Wenn Sie die Zeitangabe anders darstellen möchten (andere Schreibweise oder ergänzendes HTML), können Sie die exakte Angabe als Inhalt des datetime Attributs notieren.

Syntax

Start-Tag: notwendig

End-Tag: notwendig

WAI‑ARIA‑Rolle

• keine

Elternelemente

Darf vorkommen in:

• Elementen mit flow content
• Elementen mit phrasing content

erlaubte Inhalte

• Text
• beliebig viel phrasing content
• aber nicht time

Beispiel

<p>
  Das nächste SelfHTML-Treffen wird auf den 
  <time datetime="2014-12-19 10:00">19. Dezember</time>
  verschoben. Beginn ist um 10:00 Uhr.
</p>

siehe Anwendungsbeispiel unten

Beachten Sie: Das time-Element ist für die Angabe exakter Datums- und Zeitangaben gedacht. Datumsangaben müssen dem gregorianischen Kalender folgen. Die Darstellung kann in unterschiedlichen Formaten erfolgen:

jjjj

Nur ein Jahr, vier oder mehr Ziffern

jjjj-mm

Jahr und Monat, getrennt durch ein Bindestrich-Minus. Der Monat muss zweistellig im Bereich 01 bis 12 sein.

jjjj-mm-tt

Jahr, Monat und Tag. Der Tag muss zweistellig im Bereich 01 bis 31 sein (oder kleiner, je nach Monat)

mm-tt

Monat und Tag. 02-29 ist jederzeit zulässig. Welches Jahr gemeint ist, wird von HTML nicht spezifiziert.

jjjj-Www

Jahr und Kalenderwoche. Vor der Wochennummer muss der Buchstabe W notiert werden. Die Wochennummerierung orientiert sich an ISO8601, das heißt, dass der erste Tag der Woche ein Montag ist und die erste Kalenderwoche diejenige ist, deren Donnerstag im laufenden Jahr liegt. Ob eine Wochenangabe in jeder Region dieser Welt gleich gedeutet wird, ist nicht gesichert! Bspw. ist die Wochenzählung in den USA anders als in Europa.

hh:mm

Eine Zeitangabe in Stunden (00-23) und Minuten (00-59)

hh:mm:ss

Eine Zeitangabe in Stunden, Minuten und Sekunden (00-59)

hh:mm:ss.fff

Eine Zeitangabe in Stunden, Minuten, Sekunden und Sekundenbruchteilen fff (000-999)

jjjj-mm-ttThh:mm

jjjj-mm-ttThh:mm:ss

jjjj-mm-ttThh:mm:ss.fff

jjjj-mm-tt hh:mm

jjjj-mm-tt hh:mm:ss

jjjj-mm-tt hh:mm:ss.fff

Datum und Uhrzeit kombiniert. Zwischen Datum und Uhrzeit kann ein T oder eine Leerstelle stehen

Z

+hhmm

+hh:mm

-hhmm

-hh:mm

Die für die Zeitangabe verwendete Zeitzone. time-Angaben ohne Zeitzonenangabe sind als „lokale Zeit“ aufzufassen, wobei sich aus dem Kontext ergeben muss, was lokale Zeit bedeutet. Irrtümer bei der Zeitzone können zu Zeitdifferenzen von bis zu 25 Stunden führen.

Z ist eine Kurzangabe für +0000, also UTC.

Eine bestimmte Zeitzone wird durch die Abweichung von UTC (Greenwich-Zeit) in Stunden und Minuten bezeichnet. Stunden und Minuten können durch einen Doppelpunkt getrennt werden. Für Deutschland gilt beispielsweise im Winter +0100 oder +01:00, für New York -05:00 und für Nepal +05:45. Ob eine alleinige Zeitzonenangabe sinnvoll ist, hängt vom Kontext ab. Sie ist auf jeden Fall zulässig.

eine globale Zeitangabe

besteht aus Datum, Uhrzeit und Zeitzone

falsche Verwendung

Die Sonne entstand vor <time>5 Mrd. Jahren</time>. Der <time>letzte Winter</time> war recht mild, aber schneereich.

Hierbei handelt es sich sowohl um semantisch als auch formal fehlerhafte Verwendungen des time-Elements.

Zeiten vor Christi Geburt können nicht als gültige HTML-Zeitangabe dargestellt werden, und Zeiten vor Einführung des gregorianischen Kalenders sollten nicht dargestellt werden, weil sich die HTML Spezifikation ausdrücklich auf diesen Kalender bezieht.

Attribute

Name	Inhalt	Standardwert	Bedeutung
Universalattribute
id	ID		identifiziert ein einziges Element innerhalb eines Dokuments
class	CDATA		ordnet ein Element einer oder mehreren Klassen zu.
accesskey	ID		Tastaturkürzel
contenteditable	CDATA		editierbarer Inhalt
contextmenu			definiert Kontextmenü
dir	ltr, rtl		definiert die Schreibrichtung innerhalb des Dokuments
draggable	ID		kann mit Drag & Drop gezogen werden
dropzone	CDATA		Aktion bei Ablegen
hidden			versteckter Inhalt
lang	NAME		legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766]
spellcheck	ID		Rechtschreibprüfung Sollte auch für input type="password" deaktiviert werden.
style	CDATA		notiert direkt in einem Element- style sheet data
tabindex	NAME		zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird.
title	CDATA		betitelt oder beschreibt ein Element.
datetime	CDATA		Zeitangabe in einem gültigen Format. Wenn der Wert nicht als Zeitangabe analysiert werden kann, ist diesem Element kein Zeitstempel zugeordnet, der durch Computer oder Suchmaschinen gelesen werden kann.
pubdate	Boolesches Attribut		nicht in Standard übernommen

Attribut: Pflichtattribut
Attribut: optionales Attribut

Weblinks

• Spezifikation (W3C): The timeElement
• css-tricks: time element (sehr guter Artikel auf Englisch mit anschaulichen Beispielen)

Anwendungsbeispiel

Beispiel ansehen …

<h1>neuer Termin</h1> <p>Das nächste SelfHTML-Treffen wird auf den <time datetime="2014-12-19 10:00">19. Dezember</time> verschoben. Beginn ist um 10:00 Uhr.</p> <p>Das Organisationsteam trifft sich bereits am <time datetime="2014-12-18 20:00"> <strong>18. Dezember</strong> um 20 Uhr</time>.</p> <p>Entsprechende Einladungen werden <time datetime="2014-12-04">2 Wochen vorher</time> versendet.</p>

Sie sollten das Attribut datetime verwenden, es enthält die Zeitangabe in maschinenlesbarer Form. Das Datumsformat muss deshalb ein gültiges Datums- bzw. Zeitformat des Gregorianischen Kalenders sein.

time-Elemente ohne datetime-Attribut müssen die Zeitangabe ebenfalls in einem gültigen Format enthalten. Deshalb können time-Elemente ohne datetime-Attribut keine Kindelemente haben.