Tag HTML <time>

Le tag <time> est un nouvel élément en HTML 5. Il est utilisé pour indiquer l’heure au format 24 heures et/ou la date exacte.

L’attribut datetime spécifie un format de date/heure lisible par une machine afin que les programmes de l'agent utilisateur puissent ajouter ces informations au système de rappel ou à la planification des événements de l'utilisateur.

La date et l'heure sont ajoutées au format international ISO 8601. Le tag <time> ne doit pas contenir d'éléments non conformes à la norme.

Syntaxe

Le tag HTML <time> est apparié, le contenu est écrit entre le tag ouvrant (<time>) et le tag fermant (</time>).

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document.</title>
  </head>
  <body>
    <p>Le jeu se déroulera le <time datetime = "2018-09-28 19:00"> le 28 septembre</time>.</p>
    <p>Cela va commencer <time>à 19:00</time></p>
  </body>
</html>

Résultat

Attributs

Attribut Valeur Description
datetime Indique la date / heure dans un format lisible par machine.
YYYY Année
MM Mois
DD Jour du mois
T Délimiteur entre date et heure
hh Heure
mm Minutes
ss Secondes
TZD (Time Zone Designator) fuseau horaire

Le tag <time> supporte également les Attributs globaux.

Comment styler le tag HTML <time> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <time>:

Coloration du texte dans le tag HTML <time>:

Styles de mise en page du texte pour la tag HTML <time>:

Autres propriétés utiles pour le tag HTML <time>:


Support de Navigateurs

6+ 4+ 5+ 11.1+


Trouvez-vous cela utile?

Articles Associées