L'élément HTML <time> permet de représenter une période donnée. Cet élément permet d'utiliser l'attribut datetime afin de traduire la date ou l'instant dans un format informatique (permettant aux moteurs de recherche d'exploiter ces données ou de créer des rappels).

Cet élément permet de représenter :

Catégories de contenu Contenu de flux, contenu phrasé, contenu tangible.
Contenu autorisé Contenu phrasé.
Omission de balises Aucune, les deux balises sont obligatoires.
Parents autorisés Tout élément qui accepte du contenu phrasé.
Rôles ARIA autorisés Tous les rôles sont autorisés
Interface DOM HTMLTimeElement

Attributs

Comme tous les autres éléments HTML, cet élément inclut les attributs universels.

datetime
Cet attribut indique l'heure et la date associées à l'élément. La valeur de cet attribut doit être une chaîne de caractères décrivant une date valide avec un fragment optionnel pour décrire l'heure (cf. ci-après). Si la valeur ne peut pas être analysée comme une date/heure, le contenu de l'élément n'aura pas d'indication temporelle associée.

Notes d'utilisation

Cet élément est conçu pour présenter des dates et des heures au sein d'un document. Elles sont écrites dans un format compréhensible par un programme, ce qui peut s'avérer utile pour les agents utilisateur qui offrent des fonctionnalités de gestion de calendrier/agenda.

Cet élément n'est pas approprié pour les dates antérieures à l'introduction du calendrier grégorien (en raison des complications de calcul pour ces dates).

La valeur exploitable informatiquement est la valeur de l'attribut datetime de l'élément. Cette valeur doit être dans un format correct pour être analysé. Si l'élément ne possède pas d'attribut datetime, il ne doit pas avoir d'éléments fils et la valeur de l'heure est le contenu (textuel) de l'élément.

Valeurs valides

Une chaîne de caractères représentant une année
2011
0001
Une chaîne de caractères représentant une année et un mois
2011-11
Une chaîne de caractères représentant une date
2011-11-18
Une chaîne de caractères représentant une date sans l'année
11-18
Une chaîne de caractères représentant une semaine
2011-W47
Une chaîne de caractères représentant une heure
14:54
14:54:39
14:54:39.929
Une chaîne de caractères représentant une date et une heure locale
2011-11-18T14:54:39.929
2011-11-18 14:54:39.929
Une chaîne de caractères représentant une date et une heure universelle
2011-11-18T14:54:39.929Z
2011-11-18T14:54:39.929-0400
2011-11-18T14:54:39.929-04:00
2011-11-18 14:54:39.929Z
2011-11-18 14:54:39.929-0400
2011-11-18 14:54:39.929-04:00
Une chaîne de caractères représentant une durée
PT4H18M3S

Exemples

Exemple simple

HTML

<p>Le concert commence à <time datetime="2018-07-07T20:00:00">20h00</time>.</p>

Résultat

Exemple avec datetime

HTML

<p>Le concert a lieu <time
  datetime="2001-05-15T19:00">le 15 mai</time>.</p>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<time>' dans cette spécification.
Standard évolutif Aucune modification depuis HTML 5.1
HTML 5.1
La définition de '<time>' dans cette spécification.
Recommendation Aucune modification depuis HTML5
HTML5
La définition de '<time>' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 62Edge Support complet OuiFirefox Support complet 22IE Aucun support NonOpera Support complet 49
Support complet 49
Aucun support 11.5 — 12
Safari Support complet 7WebView Android Support complet 62Chrome Android Support complet 62Edge Mobile Support complet OuiFirefox Android Support complet 22Opera Android Support complet 49
Support complet 49
Aucun support 11.5 — 12
Safari iOS Support complet 4Samsung Internet Android Aucun support Non
datetimeChrome Support complet 62Edge Support complet OuiFirefox Support complet 22IE Aucun support NonOpera Support complet 49
Support complet 49
Aucun support 11.5 — 12
Safari Support complet 7WebView Android Support complet 62Chrome Android Support complet 62Edge Mobile Support complet OuiFirefox Android Support complet 22Opera Android Support complet 49
Support complet 49
Aucun support 11.5 — 12
Safari iOS Support complet 4Samsung Internet Android Aucun support Non

Légende

Support complet  
Support complet
Aucun support  
Aucun support

Voir aussi

  • L'élément <data> qui permet de représenter des valeurs différentes.

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, DylannCordel, Loliwe, Golmote, louuis, tregagnon
Dernière mise à jour par : SphinxKnight,