<time>

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.

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 :

une heure
une date du calendrier grégorien (en précisant éventuellement l'heure et les informations de fuseau horaire).
une durée valide.

Exemple interactif

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 ou 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 ou 14:54:39 ou 14:54:39.929
Une chaîne de caractères représentant une date et une heure locale: 2011-11-18T14:54:39.929 ou 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 ou 2011-11-18T14:54:39.929-0400 ou 2011-11-18T14:54:39.929-04:00 ou 2011-11-18 14:54:39.929Z ou 2011-11-18 14:54:39.929-0400 ou 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

html

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

Résultat

Exemple avec `datetime`

HTML

html

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

Résultat

Résumé technique

Catégories de contenu	Contenu de flux, contenu phrasé, contenu tangible.
Contenu autorisé	Contenu phrasé.
Omission de balises	Aucune, la balise d'ouverture et la balise de fermeture 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`

Spécifications

Specification
HTML Standard # the-time-element

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi

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