<time>: Das (Datum) Uhrzeit-Element
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Das <time>
-Element von HTML repräsentiert einen spezifischen 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 eine der folgenden Darstellungen haben:
- Eine Uhrzeit im 24-Stunden-Format.
- Ein genaues Datum im gregorianischen Kalender (mit optionalen Angaben zu Uhrzeit und Zeitzone).
- Eine gültige Zeitdauer.
Probieren Sie es aus
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 darzustellen. Beispielsweise kann dies einem Benutzeragenten helfen, ein Ereignis zum Kalender eines Benutzers hinzuzufügen.
Dieses Element sollte nicht für Daten verwendet werden, die vor der Einführung des gregorianischen Kalenders liegen (aufgrund von Komplikationen bei der Berechnung dieser Daten).
Der datetime-Wert (der maschinenlesbare Wert des datetimes) ist der Wert des datetime
-Attributs des Elements, der im richtigen Format sein muss (siehe unten). Wenn das Element kein datetime
-Attribut hat, darf es keine Kindelemente haben, und der datetime-Wert ist der Textinhalt des Elements.
Gültige datetime-Werte
Beschreibung | Mikrosyntax | Beispiele |
---|---|---|
Gültige Monatszeichenfolge | YYYY-MM |
2011-11 , 2013-05 |
Gültige Datumszeichenfolge | YYYY-MM-DD |
1887-12-01 |
Gültige datumsfreie Zeichenfolge | MM-DD |
11-12 |
Gültige Zeitzeichenfolge | HH:MM HH:MM:SS HH:MM:SS.mmm |
23:59 12:15:47 12:15:52.998 |
Gültige lokale Datums- und Zeitzeichenfolge | YYYY-MM-DDHH:MM YYYY-MM-DD HH:MM:SS YYYY-MM-DD HH:MM:SS.mmm YYYY-MM-DDTHH:MM YYYY-MM-DDTHH:MM:SS YYYY-MM-DDTHH:MM:SS.mmm |
2013-12-25 11:12 1972-07-25 13:43:07 1941-03-15 07:06:23.678 2013-12-25T11:12 1972-07-25T13:43:07 1941-03-15T07:06:23.678 |
Gültige Zeitzonen-Offset-Zeichenfolge | Z +HHMM +HH:MM -HHMM -HH:MM |
Z +0200 +04:30 -0300 -08:00 |
Gültige globale Datums- und Zeitzeichenfolge | Jede Kombination einer gültigen lokalen Datums- und Zeitzeichenfolge gefolgt von einer gültigen Zeitzonen-Offset-Zeichenfolge | 2013-12-25 11:12+0200 1972-07-25 13:43:07+04:30 1941-03-15 07:06:23.678Z 2013-12-25T11:12-08:00 |
Gültige Wochenzeichenfolge | YYYY-WWW |
2013-W46 |
Vier oder mehr ASCII-Ziffern | YYYY |
2013 , 0001 |
Gültige Dauersymbolfolge | PdDThHmMsS PdDThHmMs.XS |
P12DT7H12M13S P12DT7H12M13.3S P12DT7H12M13.45S P12DT7H12M13.455S PT7H12M13S PT7H12M13.2S PT7H12M13.56S PT7H12M13.999S 7d 5h 24m 13s |
Beispiele
Einfaches Beispiel
HTML
<p>The concert starts at <time datetime="2018-07-07T20:00:00">20:00</time>.</p>
Ergebnis
datetime
Beispiel
HTML
<p>
The concert took place on <time datetime="2001-05-15T19:00">May 15</time>.
</p>
Ergebnis
Technische Zusammenfassung
Inhaltskategorien | Fließ-Inhalt, Phrasieren-Inhalt, greifbarer Inhalt. |
---|---|
Erlaubter Inhalt | Phrasieren-Inhalt. |
Tag-Auslassung | Keine, sowohl der Start- als auch der Endtag sind obligatorisch. |
Erlaubte Eltern | Jedes Element, das Phrasieren-Inhalt akzeptiert. |
Implizite ARIA-Rolle | time |
Erlaubte ARIA-Rollen | Beliebig |
DOM-Schnittstelle | [`HTMLTimeElement`](/de/docs/Web/API/HTMLTimeElement) |
Spezifikationen
Specification |
---|
HTML Standard # the-time-element |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Das
<data>
-Element, das andere Arten von Werten signalisieren kann.