<time>

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 :

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

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.