<time>: Elemento TIME
Última atualização: 2026-10-13
<time>Elemento TIME
Representa uma data ou hora legível por máquina, ajudando mecanismos de busca e scripts a analisá-la com precisão.
| Categoria | Semântico |
|---|---|
| Modelo de Conteúdo | Conteúdo de frase (phrasing) |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </time> tag |
| Status | Padrão |
📝 Sintaxe
<time datetime="2026-08-23">23 ago 2026</time>
⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
datetime | Machine-readable date/time, e.g. 2026-08-23T13:30. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador | |||||
|---|---|---|---|---|---|
| <time> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica: Coloque um valor padrão em datetime (ex.: 2026-08-23 ou 2026-08-23T13:30); o texto visível pode ser qualquer coisa.
❓ Perguntas Frequentes
QPara que serve a tag time?
A
<time> anota data e hora com o atributo datetime legível por máquina, enquanto o conteúdo da tag fica em linguagem natural. Exemplo: <time datetime='2026-10-09'>hoje</time> — navegador, mecanismo de busca e ferramentas de calendário interpretam com precisão; muito útil para o SEO da data de publicação.QQual é o formato do atributo datetime de time?
AFormatos válidos incluem data
2026-10-09, data com hora 2026-10-09T14:30, com fuso 2026-10-09T14:30+08:00, ano 2026 e duração PT2H30M (todos ISO 8601). Sem o atributo datetime, o próprio conteúdo da tag precisa estar em formato legível por máquina.Qtime pode marcar intervalos de tempo?
ASim, com o formato de duração ISO 8601:
<time datetime='PT2H30M'>duas horas e meia</time> representa 2h30min, com o valor de datetime iniciando em P (Period). Adequado para duração de cursos, comprimento de vídeos etc.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.