We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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>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

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple62 Oui22 Non

49

11.5 — 12

7
datetime62 Oui22 Non

49

11.5 — 12

7
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple6262 Oui22

49

11.5 — 12

4 Non
datetime6262 Oui22

49

11.5 — 12

4 Non

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,