Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. HTML
  3. Reference
  4. Elements
  5. <time>

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

<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 Oktober 2017.

Das<time>-HTML-Element repräsentiert einen bestimmten Zeitraum. Es kann dasdatetime-Attribut beinhalten, um Daten in ein maschinenlesbares Format zu übersetzen, was zu besseren Suchmaschinenergebnissen oder benutzerdefinierten Funktionen wie Erinnerungen führen kann.

Es kann einen der folgenden Fälle darstellen:

Probieren Sie es aus

<p>  The Cure will be celebrating their 40th anniversary on  <time datetime="2018-07-07">July 7</time> in London's Hyde Park.</p><p>  The concert starts at <time datetime="20:00">20:00</time> and you'll be able  to enjoy the band for at least <time datetime="PT2H30M">2h 30m</time>.</p>
time {  font-weight: bold;}

Attribute

Wie alle anderen HTML-Elemente unterstützt dieses Element dieglobalen Attribute.

datetime

Dieses Attribut gibt die Uhrzeit und/oder das Datum des Elements an und muss in einem der unten beschriebenen Formate vorliegen.

Anwendungshinweise

Dieses Element dient dazu, Daten und Zeiten in einem maschinenlesbaren Format darzustellen. Dies kann beispielsweise einem Nutzeragenten helfen, ein Ereignis dem Kalender eines Benutzers hinzuzufügen.

Dieses Element sollte nicht für Daten vor der Einführung des Gregorianischen Kalenders verwendet werden (aufgrund von Komplikationen bei der Berechnung dieser Daten).

Derdatetime-Wert (der maschinenlesbare Wert von datetime) ist der Wert desdatetime-Attributs des Elements, das im richtigen Format sein muss (siehe unten). Wenn das Element keindatetime-Attribut hat,darf es keine Element-Nachkommen haben, und derdatetime-Wert ist der Textinhalt des Elements.

Gültige datetime-Werte

BeschreibungMikrosyntaxBeispiele
Gültiger MonatsstringYYYY-MM2011-11,2013-05
Gültiger DatumsstringYYYY-MM-DD1887-12-01
Gültiger jahrunabhängiger DatumsstringMM-DD11-12
Gültiger ZeitstringHH:MM
HH:MM:SS
HH:MM:SS.mmm
23:59
12:15:47
12:15:52.998
Gültiger lokaler Datum- und ZeitstringYYYY-MM-DDHH:MM
YYYY-MM-DDHH:MM:SS
YYYY-MM-DDHH: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ültiger Zeitzonen-Offset-StringZ
+HHMM
+HH:MM
-HHMM
-HH:MM
Z
+0200
+04:30
-0300
-08:00
Gültiger globaler Datum- und Zeitstring Jede Kombination aus einem gültigen lokalen Datum- und Zeitstring gefolgt von einem gültigen Zeitzonen-Offset-String2013-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ültiger WochenstringYYYY-WWW2013-W46
Vier oder mehr ASCII-ZiffernYYYY2013,0001
Gültiger DauerstringPdDThHmMsS
PdDThHmMs.XS
PdDThHmMs.XXS
PdDThHmMs.XXXS
PThHmMsS
PThHmMs.XS
PThHmMs.XXS
PThHmMs.XXXS
wwddhhmmss
P12DT7H12M13S
P12DT7H12M13.3S
P12DT7H12M13.45S
P12DT7H12M13.455S
PT7H12M13S
PT7H12M13.2S
PT7H12M13.56S
PT7H12M13.999S
7d 5h 24m 13s

Beispiele

Einfaches Beispiel

HTML

html
<p>The concert starts at <time datetime="2018-07-07T20:00:00">20:00</time>.</p>

Ergebnis

datetime Beispiel

HTML

html
<p>  The concert took place on <time datetime="2001-05-15T19:00">May 15</time>.</p>

Ergebnis

Technische Zusammenfassung

InhaltskategorienFließende Inhalte,Phraseninhalt, spürbar Inhalte.
Erlaubter InhaltPhraseninhalt.
Tag-AuslassungKeine, sowohl der Start- als auch der End-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, dasPhraseninhalt akzeptiert.
Implizite ARIA-Rolletime
Erlaubte ARIA-RollenBeliebig
DOM-Schnittstelle[`HTMLTimeElement`](/de/docs/Web/API/HTMLTimeElement)

Spezifikationen

Specification
HTML
# the-time-element

Browser-Kompatibilität

Siehe auch

  • Das<data> Element, das die Signalisierung anderer Arten von Werten ermöglicht.

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2026 Movatter.jp