Marcando tempos e datas

Datas e horários em HTML são marcados com o elemento <time>. Exemplo:

<time datetime="2019-05-07">7 de maio de 2019<time>

Veja que foi especificada uma data completa no atributo datetime. Essa data deve ser especificada no formato ano-mês-dia, quando for fornecida de forma completa. Ela é informada para que o browser possa trabalhar com ela. A data que é exibida para o usuário é o conteúdo do elemento, e não o atributo datetime. Esse atributo só serve para que o HTML possa entender a data fornecida, e outras linguagens possam trabalhar com ela.

Exibir a data que está no conteúdo do elemento dá uma liberdade enorme, de forma que você pode usar o formato que quiser para exibir a data. Assim, no exemplo acima, a data também poderia ser exibida dessa forma:

<time datetime="2019-05-07">07/05/2019<time>

Há outras formas de especificar datas e horários usando o <time>. Veja as principais:

• Data e horário: <time datetime="2019-05-07T15:25">7 de maio de 2019, às 15:25</time>
• Horário: <time datetime="15:25">15:25</time>
• Apenas ano e mês: <time datetime="2019-05">Maio de 2019</time>
• Apenas mês e dia: <time datetime="05-07">07 de maio</time>