Attribut datetime de l'élément <time> HTML

Balise <time> HTML

Définition et utilisation

datetime L'attribut représente le format lisible par machine de l'élément <time>.

Exemples de valeurs de date et heure valides :

Date :

<time datetime="1914">  <!-- Represente l'année 1914 -->
<time datetime="1914-12">  <!-- Represente le mois de décembre 1914 -->
<time datetime="1914-12-20">  <!-- Represente le 20 décembre 1914 -->
<time datetime="12-20">  <!-- Represente le 20 décembre de chaque année -->
<time datetime="1914-W15">  <!-- Represente la 15e semaine de 1914 -->

Date et heure :

<time datetime="1914-12-20T08:00">  <!-- Represente 8h du matin le 20 décembre 1914 -->
<time datetime="1914-12-20 08:00">  <!-- Represente également 8h du matin le 20 décembre 1914 -->
<time datetime="1914-12-20 08:30:45">  <!-- Contient les minutes et les secondes -->
<time datetime="1914-12-20 08:30:45.687">  <!-- Contient les minutes, les secondes et les millisecondes -->

Heure :

<time datetime="08:00">  <!-- Represente 8h du matin -->
<time datetime="08:00-03:00">  <!-- Represente 8h du matin au Rio de Janeiro (UTC-3 heures) -->
<time datetime="08:00+03:00">  <!-- Represente 8h du matin à Madagascar (UTC+3 heures) -->

Durée :

<time datetime="P2D">  <!-- Represente 2 jours -->
<time datetime="PT15H10M">  <!-- Represente 15 heures 10 minutes -->

Exemple

L'élément <time> a la propriété datetime lisible par machine :

<p>J'ai un rendez-vous le <time datetime="2017-02-14">14 février</time>.</p>

Essayez-le personnellement

Grammaire

<time datetime="YYYY-MM-DDThh:mm:ssTZD">

Valeur de l'attribut

Valeur Description

YYYY-MM-DDThh:mm:ssTZD

ou

PTDHMS

Date ou heure spécifiée. Explication des composants :

  • YYYY - Année (par exemple 2011)
  • MM - Mois (par exemple 01 pour janvier)
  • DD - Jour (par exemple 08)
  • T ou espace - Séparateur (si une heure est également spécifiée)
  • hh - Heure (par exemple 22 pour 22h00)
  • mm - Minute (par exemple 55)
  • ss - Seconde (par exemple 03)
  • Indicateur de fuseau horaire TZD (Z pour Zulu, également connu sous le nom de temps universel Greenwich)
  • Préfixe P - "Period"
  • Préfixe D - "Days"
  • Préfixe H - "Hours"
  • Préfixe M - "Minutes"
  • Préfixe S - "Seconds"

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
62.0 18.0 22.0 7.0 49.0

Balise <time> HTML