Sobre este problema HTML
O elemento HTML <time> representa um período específico no tempo ou uma duração. O seu atributo datetime traduz texto legível por humanos para um formato legível por máquinas, permitindo que navegadores, motores de busca e tecnologias assistivas analisem e compreendam dados temporais de forma fiável. Quando o valor datetime não corresponde a um dos formatos aceites, o propósito legível por máquinas do elemento é frustrado — as ferramentas não conseguem interpretar a data ou hora, o que prejudica funcionalidades como resultados enriquecidos em motores de busca, integração de calendário e melhorias de acessibilidade para leitores de ecrã.
A especificação HTML define vários formatos válidos para o atributo datetime. Aqui estão os mais comumente utilizados:
| Formato | Exemplo | Descrição |
|---|---|---|
| Data |
2024-03-15 |
Ano, mês, dia |
| Mês |
2024-03 |
Apenas ano e mês |
| Ano |
2024 |
Ano válido |
| Data sem ano |
03-15 |
Mês e dia sem ano |
| Hora |
14:30 ou 14:30:00 |
Horas e minutos (segundos opcionais) |
| Data e hora |
2024-03-15T14:30 |
Data e hora separadas por T |
| Data e hora com fuso horário |
2024-03-15T14:30Z ou 2024-03-15T14:30+05:30 |
Com UTC (Z) ou offset |
| Duração (precisa) |
PT1H30M |
Duração ISO 8601 |
| Duração (aproximada) |
P2Y6M |
Anos, meses, etc. |
| Semana |
2024-W12 |
Número de semana ISO |
Erros comuns que desencadeiam este erro incluem:
-
Usar barras em vez de hífenes:
03/15/2024em vez de2024-03-15 -
Usar formatos de data informais:
March 15, 2024ou15-03-2024 -
Omitir o separador
Tentre data e hora:2024-03-15 14:30 -
Usar horário de 12 horas com AM/PM:
2:30 PMem vez de14:30 -
Fornecer valores incompletos:
2024-3-5em vez de2024-03-05(meses e dias devem ter zeros à esquerda)
Exemplos
Inválido: Data separada por barras
<time datetime="03/15/2024">March 15, 2024</time>
Válido: Formato de data ISO 8601
<time datetime="2024-03-15">March 15, 2024</time>
Inválido: Separador T em falta e usar AM/PM
<time datetime="2024-03-15 2:30 PM">March 15 at 2:30 PM</time>
Válido: Data-hora com separador T e horário de 24 horas
<time datetime="2024-03-15T14:30">March 15 at 2:30 PM</time>
Inválido: String de hora informal
<time datetime="half past two">2:30 PM</time>
Válido: Valor de hora simples
<time datetime="14:30">2:30 PM</time>
Inválido: Duração não padronizada
<time datetime="1 hour 30 minutes">1.5 hours</time>
Válido: Duração ISO 8601
<time datetime="PT1H30M">1.5 hours</time>
Válido: Data-hora com offset de fuso horário
<p>The event starts at <time datetime="2024-03-15T14:30-05:00">2:30 PM ET on March 15</time>.</p>
Válido: Usar apenas o mês
<p>Published in <time datetime="2024-03">March 2024</time>.</p>
Lembre-se de que o conteúdo de texto legível por humanos entre as tags <time> pode estar em qualquer formato que desejar — apenas o valor do atributo datetime deve seguir a especificação. Isto permite-lhe apresentar datas de forma amigável ao utilizador enquanto ainda fornece um valor padronizado legível por máquinas.
Encontre problemas como este automaticamente
O Rocket Validator analisa milhares de páginas em segundos, detetando problemas HTML em todo o seu site.
Saiba mais: