Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Tekst en koppen

Het element <time>

Het <time>-element van HTML vertegenwoordigt een specifieke periode in de tijd. Het kan het datetime-attribuut bevatten om datums om te zetten naar een machineleesbaar formaat, wat betere zoekmachineresultaten of aangepaste functies zoals herinneringen mogelijk maakt.

Auteur: Maarten Soetens

Code 
<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>
Resultaat in de browser

Attributen

Zoals alle andere HTML-elementen ondersteunt dit element de globale attributen.

datetimeDit attribuut geeft de tijd en/of datum van het element aan en moet in een van de hieronder beschreven formaten zijn.

Gebruiksnotities

Dit element is bedoeld om datums en tijden in een machineleesbaar formaat weer te geven. Dit kan bijvoorbeeld een user agent helpen om aan te bieden een gebeurtenis toe te voegen aan de agenda van een gebruiker.

Dit element mag niet worden gebruikt voor datums van vóór de invoering van de Gregoriaanse kalender (vanwege complicaties bij het berekenen van die datums).

De datetime-waarde (de machineleesbare waarde van de datum-tijd) is de waarde van het datetime-attribuut van het element, dat in het juiste formaat moet zijn (zie hieronder). Als het element geen datetime-attribuut heeft, mag het geen elementen als afstammelingen hebben, en is de datetime-waarde de tekstinhoud van het kind-element.

Geldige datetime-waarden

Beschrijving Microsyntax Voorbeelden
Geldige maandstring YYYY-MM 2011-11, 2013-05
Geldige datumstring YYYY-MM-DD 1887-12-01
Geldige jaarloze datumstring MM-DD 11-12
Geldige tijdstring HH:MM
HH:MM:SS
HH:MM:SS.mmm 		23:59
12:15:47
12:15:52.998
Geldige lokale datum- en tijdstring YYYY-MM-DD HH: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
Geldige tijdzone-offsetstring Z
+HHMM
+HH:MM
-HHMM
-HH:MM 		Z
+0200
+04:30
-0300
-08:00
Geldige globale datum- en tijdstring Elke combinatie van een geldige lokale datum- en tijdstring gevolgd door een geldige tijdzone-offsetstring 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
Geldige weekstring YYYY-WWW 2013-W46
Vier of meer ASCII-cijfers YYYY 2013, 0001
Geldige tijdsduurstring PdDThHmMsS
PdDThHmMs.XS
PdDThHmMs.XXS
PdDThHmMs.XXXS
PThHmMsS
PThHmMs.XS
PThHmMs.XXS
PThHmMs.XXXS
ww dd hh mm ss 		P12DT7H12M13S
P12DT7H12M13.3S
P12DT7H12M13.45S
P12DT7H12M13.455S
PT7H12M13S
PT7H12M13.2S
PT7H12M13.56S
PT7H12M13.999S
7d 5h 24m 13s

Voorbeelden

Basisvoorbeeld

HTML

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

Resultaat

Resultaat in de browser

datetime-voorbeeld

HTML

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

Resultaat

Resultaat in de browser

Technische samenvatting

Content categories Flow content, phrasing content, palpable content.
Toegestane inhoud Phrasing content.
Weglaten van tags Geen, zowel de begin- als eindtag zijn verplicht.
Toegestane bovenliggende elementen Elk element dat phrasing content accepteert.
Impliciete ARIA-rol time
Toegestane ARIA-rollen Alle
DOM-interface HTMLTimeElement

Zie ook

Verwante elementen

<abbr> <b> <bdi> <bdo> <blockquote> <br> <cite> <code>