<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.

CategoriaSemântico
Modelo de ConteúdoConteúdo de frase (phrasing)
Pais PermitidosQualquer elemento que aceite conteúdo de fluxo
Tag de FechamentoSim — requer fechamento </time> tag
StatusPadrão

📝 Sintaxe

<time datetime="2026-08-23">23 ago 2026</time>

⚙️ Atributos

Este elemento suporta os atributos globais mais os seguintes:

AtributoValorDescrição
datetimeMachine-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 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<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.
Mais estudos de caso em breve — volte mais tarde.

📚 Tutoriais Relacionados

Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%