tutoriais mais recente desenvolvimento web
 

HTML <time> datetime Attribute

<HTML <time> tag

Exemplo

Um elemento de tempo com um atributo datetime legível por máquina:

<p>I have a date on <time datetime="2017-02-14">Valentines day</time>.</p>
Tente você mesmo "

Definição e Uso

A datetime de atributos representam a data / hora legível por máquina do <time> elemento.

Exemplos de datas legais e horários:

Dates:
<time datetime="1914">  <!-- means the year 1914 -->
<time datetime="1914-12">  <!-- means December 1914 -->
<time datetime="1914-12-20">  <!-- means 20 December 1914 -->
<time datetime="12-20">  <!-- means 20 December any year -->
<time datetime="1914-W15">  <!-- means week 15 of year 1914 -->

Date and Times:
<time datetime="1914-12-20T08:00">  <!-- means 20 December 1914 at 8am -->
<time datetime="1914-12-20 08:00">  <!-- also means 20 December 1914 at 8am -->
<time datetime="1914-12-20 08:30:45">  <!-- with minutes and seconds -->
<time datetime="1914-12-20 08:30:45.687">  <!-- with minutes, seconds, and milliseconds -->

Times:
<time datetime="08:00">  <!-- means 8am -->
<time datetime="08:00-03:00">  <!-- means 8am in Rio de Janeiro (UTC-3 hours)  -->
<time datetime="08:00+03:00">  <!-- means 8am in Madagascar (UTC+3 hours)  -->

Durations:
<time datetime="P2D">  <!-- means a duration of 2 days -->
<time datetime="PT15H10M">  <!-- means a duration of 15 hours and 10 minutes -->

Suporte a navegadores

Atributo
datetime sim sim sim sim sim

Diferenças entre HTML 4.01 e HTML5

O <time> tag é novo em HTML5.


Sintaxe

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

Os valores dos atributos

Valor Descrição
YYYY-MM-DDThh:mm:ssTZD

or

PTDHMS
A data ou hora a ser especificado. Explicação dos componentes:
  • YYYY - ano (por exemplo, 2011 )
  • MM - mês (por exemplo, 01 for January )
  • DD - dia do mês (por exemplo, 08 )
  • T ou um espaço - um separador (necessária se o tempo também é especificada)
  • hh - hora (por exemplo, 22 for 10.00pm )
  • mm - minutos (por exemplo 55 )
  • ss - segundos (por exemplo 03 )
  • TZD - Time Zone designador (Z significa Zulu, também conhecido como Greenwich Mean Time)
  • P - um prefixo para "Period"
  • D - um prefixo para "Days"
  • H - um prefixo para "Hours"
  • M - um prefixo para "Minutes"
  • S - um prefixo para "Seconds"

<HTML <time> tag