Durée, date ou heure avec snippets

 

Dates, Heures et durées : utilisez le tag time avec l attribut dateline

Les dates et les heures peuvent être difficile à comprendre pour une machine. La date « 04/01/11 » représente-t-elle le 11 Janvier 2004 ? le 4 Janvier 2011 ? Ou le 1er Avril 2011 ? Pour lever ces ambiguïtés, nous utilisons le tag time avec l’attribut datetime. La valeur de l’attribut dateline doit être spécifier au format YYYY-MM-DD . Le code HTML ci-dessous spécifie la date du 1er Avril 2011.

 

<time datetime="2011-04-01">04/01/11</time>

 

Vous pouvez également spécifier une heure sans indiquer la date, utilisez le format hh:mm ou hh:mm:ss . Le temps est précéder de la lettre T et peut être fournis avec une date comme ici :

<time datetime="2011-05-08T19:30">May 8, 7:30pm</time>

 

Voyons cela dans le contexte, voici du code HTML décrivant un concert qui aura lieu le 8 mai 2011. Les tags de l’événement inclut le nom de l’événement, une description et la date du concert.

<div itemscope itemtype="http://schema.org/Event">
  <div itemprop="name">Spinal Tap</div>
  <span itemprop="description">One of the loudest bands ever
  reunites for an unforgettable two-day show.</span>
  Event date:
  <time itemprop="startDate" datetime="2011-05-08T19:30">May 8, 7:30pm</time>
</div>

 

La durée du concert peut être spécifiée de façon analogique en utilisant le tag time avec l’attribut datetime. Les durées sont précédées de la lettre P (Pour Périod). Voici comment vous pouvez indiquer qu’il y aura 1 heures ½ de temps de cuisine.

 

<time itemprop="cookTime" datetime="PT1H30M">1 1/2 hrs</time>

 

H est utilisé pour désigner le nombre d’heures et M pour désigner le nombre de minutes. Les normes de date, d’heures et de durée sont spécifier par la norme iso8601

En savoir plus sur Webdesigneur