English

<time>

Indiquer une date, une heure ou une durée lisible par les machines

— 2 min de lecture

  • HTML
  • accessibilité
  • sémantique

<time> — La date et l'heure

La balise <time> représente une date, une heure ou une durée. L'attribut datetime fournit la valeur au format ISO 8601, lisible par les machines.

Quand l'utiliser

Tu veux indiquer une date de publication, un horaire d'événement, une date limite ou une durée. Le texte visible peut être en langage naturel, le datetime fournit la version machine.

Ce que tu gagnes

Accessibilité : les lecteurs d'écran lisent le texte visible, pas le datetime. L'intérêt est pour les machines : le datetime lève l'ambiguïté entre "04/05/2026" (avril ou mai ?) sans changer ce que l'utilisateur voit.

SEO : Google n'utilise pas le datetime de <time>. Pour les rich results, il faut les propriétés Schema.org datePublished et dateModified en JSON-LD (documentation Google).

Exemple de code

<p>Published on <time datetime="2026-04-24">April 24, 2026</time>.</p>
 
<p>The meeting starts at <time datetime="14:30">2:30 PM</time>.</p>
 
<p>Cooking time: <time datetime="PT1H30M">1 hour 30 minutes</time>.</p>

Pour aller plus loin