O Elemento HTML “time”

0

Bom, com tantos elementos HTML que surgiram nos últimos tempos com o HTML 5 espero trazer diferentes tags a cada semana que são de maneira no mínimo curiosa.

Espero sempre trazer de maneira efetiva e clara o primeiro atributo : <time> </time>

Bom, o elemento <time> em HTML representa uma data , tempo, ou duração que seja legível por máquina. Ele pode ser útil para criar programação de eventos, arquivamento e outras funções baseadas em tempo

O Reddit utiliza o elemento de tempo em seu site, veja um exemplo: 

time reddit

 

Bom, antes da aplicação você deve saber que elemento tempo tem tido uma estrada difícil até agora. Foi adicionado às especificações do HTML5 em 2009. Dois anos mais tarde, em 2011, a especificação foi abandonado e substituído por um elemento muito mais amplo, <data>. Mais tarde nesse ano o elemento tempo foi adicionado de volta com algumas características renovadas. E até agora parece que se manteve e está começando a ganhar força no mercado, como o exemplo acima.

 

Você pode usar o atributo basicamente de 10 maneiras :

  1. Ano e mês ( 2014-06 )
  2. Data comum ( 1969-07-16 )
  3. Data sem ano (12-31)
  4. Tempo somente ( 14:58:44 )
  5. Data e tempo ( 2013-11-20T14:58)
  6. Tempo de Zona ( +06:00)
  7. Data local e tempo (2013-15-31T23:59:59-02:00)
  8. Ano e Semana (2010-W21)
  9. Ano Somente (2005)
  10. Duração (P2DT2H30M10.501S) ou ( 1w 2d 2h 30m 10.501s )

Veja um exemplo para você brincar :

See the Pen Datetime Creator Tool by Chris Coyier (@chriscoyier) on CodePen.

Bom,por hoje é só.
Espero que tenham gostado 🙂

Semana que vem volto com o atributo de endereços! Não percam !

Compartilhe.

Sobre o autor

Criador do blog Código Simples e com mais 9 anos de experiência em TI, com títulos de MVP Microsoft na área de Visual Studio Development, Neo4j Top 50 Certificate, Scrum Master e MongoDB Evangelist. Atuando em funções analista, desenvolvedor, arquiteto, líder técnico e gestor de equipes. Mais informações em : http://jhonathansoares.com