Balise HTML `<time>`

La balise <time> est l'un des éléments HTML5. Elle est utilisée pour définir l'un des éléments suivants :

une heure lisible sur une horloge 24 heures,
une date précise dans le calendrier grégorien (avec des informations facultatives sur le fuseau horaire et l'heure).

La balise <time> ne doit pas être utilisée pour les dates antérieures à l'introduction du calendrier grégorien.

L'attribut datetime est utilisé pour définir un format lisible par une machine, ce qui permet aux moteurs de recherche de générer des résultats plus pertinents et aux agents utilisateur d'ajouter des rappels au calendrier de l'utilisateur. Lorsque l'attribut datetime est absent, l'élément <time> ne doit contenir aucun autre élément enfant. Dans ce cas, la valeur datetime correspondra au contenu textuel de l'élément.

Syntaxe

L'élément <time> nécessite à la fois une balise d'ouverture et une balise de fermeture. Le contenu est écrit entre les balises d'ouverture <time> et de fermeture </time>.

Exemple de la balise HTML `<time>` :

Balise HTML <time>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document.</title>
  </head>
  <body>
    <p>The game will be held on <time datetime="2018-09-28T19:00">September 28</time>.</p>
    <p>It will start at <time>19:00</time></p>
  </body>
</html>

Try it Yourself »

Résultat

time example

Attributs

Attribut	Valeur	Description
datetime	`YYYY-MM-DD`, `YYYY-MM-DDThh:mm`, `hh:mm`, etc.	Spécifie l'heure/la date dans un format lisible par une machine. La valeur doit respecter un format de chaîne de date/heure valide (par exemple, ISO 8601). Les décalages de fuseau horaire comme `+02:00` ou `Z` sont également pris en charge.

La balise <time> prend également en charge les Attributs globaux.

Remarque : L'attribut pubdate était précédemment pris en charge, mais a été déprécié et supprimé dans les spécifications HTML ultérieures.

Comment styliser une balise HTML <time>

css

time {
  color: blue;
  font-weight: bold;
}

Pratique

Qu'est-ce qui est vrai concernant la balise HTML <time> ?

La balise HTML <time> affiche la date/l'heure sur une page web.<time> est un élément de niveau bloc.Cet élément est pris en charge par tous les principaux navigateurs.La balise <time> ne prend pas en charge les attributs globaux en HTML.La balise <time> est utilisée pour représenter une période spécifique dans le temps, telle qu'une date ou une heure précise, un mois et une année, ou un décalage de fuseau horaire par rapport au temps universel coordonné (UTC).

Balise HTML <time> ​

Syntaxe ​

Exemple de la balise HTML <time> : ​

Résultat ​