Acerca de este problema HTML
El elemento HTML <time> representa un período específico en el tiempo o una duración. Su atributo datetime traduce texto legible por humanos a un formato legible por máquinas, permitiendo que navegadores, motores de búsqueda y tecnologías de asistencia puedan analizar y entender de manera confiable los datos temporales. Cuando el valor datetime no coincide con uno de los formatos aceptados, se pierde el propósito legible por máquinas del elemento — las herramientas no pueden interpretar la fecha o hora, lo que socava funciones como resultados enriquecidos en motores de búsqueda, integración con calendarios y mejoras de accesibilidad para lectores de pantalla.
La especificación HTML define varios formatos válidos para el atributo datetime. Aquí están los más comúnmente utilizados:
| Formato | Ejemplo | Descripción |
|---|---|---|
| Fecha |
2024-03-15 |
Año, mes, día |
| Mes |
2024-03 |
Solo año y mes |
| Año |
2024 |
Año válido |
| Fecha sin año |
03-15 |
Mes y día sin año |
| Hora |
14:30 o 14:30:00 |
Horas y minutos (segundos opcional) |
| Fecha y hora |
2024-03-15T14:30 |
Fecha y hora separadas por T |
| Fecha y hora con zona horaria |
2024-03-15T14:30Z o 2024-03-15T14:30+05:30 |
Con UTC (Z) o desplazamiento |
| Duración (precisa) |
PT1H30M |
Duración ISO 8601 |
| Duración (aproximada) |
P2Y6M |
Años, meses, etc. |
| Semana |
2024-W12 |
Número de semana ISO |
Los errores comunes que provocan este error incluyen:
-
Usar barras en lugar de guiones:
03/15/2024en lugar de2024-03-15 -
Usar formatos de fecha informales:
March 15, 2024o15-03-2024 -
Omitir el separador
Tentre fecha y hora:2024-03-15 14:30 -
Usar formato de 12 horas con AM/PM:
2:30 PMen lugar de14:30 -
Proporcionar valores incompletos:
2024-3-5en lugar de2024-03-05(los meses y días deben tener ceros a la izquierda)
Ejemplos
Inválido: Fecha separada por barras
<time datetime="03/15/2024">March 15, 2024</time>
Válido: Formato de fecha ISO 8601
<time datetime="2024-03-15">March 15, 2024</time>
Inválido: Separador T faltante y usando AM/PM
<time datetime="2024-03-15 2:30 PM">March 15 at 2:30 PM</time>
Válido: Fecha-hora con separador T y hora de 24 horas
<time datetime="2024-03-15T14:30">March 15 at 2:30 PM</time>
Inválido: Cadena de hora informal
<time datetime="half past two">2:30 PM</time>
Válido: Valor de hora simple
<time datetime="14:30">2:30 PM</time>
Inválido: Duración no estándar
<time datetime="1 hour 30 minutes">1.5 hours</time>
Válido: Duración ISO 8601
<time datetime="PT1H30M">1.5 hours</time>
Válido: Fecha-hora con desplazamiento de zona horaria
<p>The event starts at <time datetime="2024-03-15T14:30-05:00">2:30 PM ET on March 15</time>.</p>
Válido: Usando solo el mes
<p>Published in <time datetime="2024-03">March 2024</time>.</p>
Recuerda que el contenido de texto legible por humanos entre las etiquetas <time> puede estar en cualquier formato que desees — solo el valor del atributo datetime debe seguir la especificación. Esto te permite mostrar fechas de manera amigable para el usuario mientras proporcionas un valor legible por máquinas estandarizado.
Encuentra problemas como este automáticamente
Rocket Validator escanea miles de páginas en segundos, detectando problemas de HTML en todo tu sitio web.
Más información: