logo oujood
🔍

 HTML la balise <time>

OUJOOD.COM

Définition et utilisation Balise <time>

LES BALISES HTML

La balise <time> définit une heure (horloge de 24 heures), ou une date dans le calendrier grégorien, éventuellement avec une heure et un décalage du fuseau horaire.

Cet élément peut être utilisé pour coder des dates et heures de façon lisible par la machine, afin que, par exemple, les agents utilisateurs peuvent offrir d'ajouter des rappels d'anniversaire ou des manifestations prévues au calendrier de l'utilisateur, et que les moteurs de recherche peuvent produire des résultats de recherche plus pertinentes.

Exemple Comment définir une heure et une date :

Exemple :     📋   Copier le code 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>La balise
  time</title>
  </head>
  <body>
  <p>Le <time
  datetime="2010-03-10T00:19:00+01:00">Mercredi 10 mars à
  19h</time> votre rendez-vous avec Mr XY.</p>
  </body>
  </html>

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La balise <time> est prise en charge  dans tous les principaux navigateurs.

Différences entre HTML 4.01 et HTML5

La balise <time> est nouvelle en HTML5.

L’attribut datetime

L'attribut datetime donne la date ou l'heure spécifiée. Cet attribut est utilisé si aucune date ou heure n'est spécifié dans le contenu de l'élément.

Syntaxe

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

Valeurs d'attribut datetime

Valeur

Description

YYYY-MM-DDThh:mm:ssTZD

YYYY - année (ex. 2011)
MM - mois (ex. 01 for January)
DD - jour (ex. 08)
T – cette lettre est obligatoire si un temps est spécifié.
hh - heur (ex. 22 for 10.00pm)
mm - minutes (ex. 55)
ss - seconds (ex. 03)
TZD - Time Zone Designator : décalage du fuseau horaire (pour paris c’est +01 :00)
Vous pouvez utiliser le « Z » qui est le même que +00:00. pour représenter le temps universel coordonné (UTC)

Exemples

Exemple :     📋   Copier le code 

<!—Sans l’attribut datetime -->
<time>2010-11-13</time>
<!—Avec l’attribut datetime et une date comme valeur-->
<time datetime="2010-11-13">
13 Novembre</time>
<!-- Avec l’attribut datetime et un temps comme valeur-->
<time datetime="20:00">Commence à 8pm</time>
<!-- datetime avec time-zone (décalage du fuseau horaire)-->
<time datetime="2010-11-13T20:00+00:00">8pm mon birthday</time>
<!-- datetime avec time-zone “Z” -->
<time datetime="2010-11-13T20:00Z">8pm mon birthday</time>

Attributs globaux

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

Attributs de l'événement

La balise <keygen> prend également en charge les Attributs de l'événement en HTML.

Retour à l'accueil du site

Par carabde 10 mars 2014