English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia HTML

Glosario de etiquetas HTML

HTML: Atributo datetime del elemento <time>

Uso del atributo datetime del elemento <time>, la propiedad datetime representa la fecha legible por máquina del elemento <time>/tiempo.

 HTML <time> etiqueta

Ejemplo en línea

Elemento time con propiedad datetime legible por máquina:

!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Base Tutorial Web(oldtoolbag.com)</title> 
</head>
<body>
<p>Estamos en<time datetime="2019-12-25">Navidad</time>organizar una fiesta.</p>
</body>
</html>
Prueba aquí ‹/›

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

La propiedad datetime no renderiza ningún efecto especial en todos los navegadores.

Definición y uso

La propiedad datetime representa la fecha legible por máquina del elemento <time>/tiempo.

Ejemplos válidos de fechas y horas:

Fechas:
<time datetime="1914>  <!-- significa el año 1914 -->
<time datetime="1914-12>  <!-- significa Diciembre 1914 -->
<time datetime="1914-12-20">  <!-- significa 20 Diciembre 1914 -->
<time datetime="12-20">  <!-- significa 20 Diciembre de cualquier año -->
<time datetime="1914-W15>  <!-- significa la semana 15 del año 1914 -->
Fecha y Horas:
<time datetime="1914-12-20T08:00">  <!-- significa 20 Diciembre 1914 a 8am -->
<time datetime="1914-12-20 08:00">  <!-- también significa 20 Diciembre 1914 a 8am -->
<time datetime="1914-12-20 08:30:45>  <!-- con minutos y segundos -->
<time datetime="1914-12-20 08:30:45.687>  <!-- con minutos, segundos y milisegundos -->
Horas:
<time datetime="8:00">  <!-- significa 8am -->
<time datetime="8:00-03:00">  <!-- significa 8am en Rio de Janeiro (UTC-3 horas)  -->
<time datetime="8:00+03:00">  <!-- significa 8am en Madagascar (UTC+3 horas)  -->
Duraciones:
<time datetime="P2D">  <!-- significa una duración de 2 dias -->
<time datetime="PT15H10M">  <!-- significa una duración de 15 horas y 10 minutos -->

HTML 4.01 con HTML5las diferencias

<time> etiqueta es HTML5 nuevas etiquetas.

Sintaxis

        <time datetime="YYYY-MM-DDThh:mm:ssTZD">

Valor de atributo

ValorDescripción
YYYY-MM-DDThh:mm:ssTZD

Fecha o hora. A continuación, se explica los componentes:

  • YYYY - año (por ejemplo 2011)

  • MM - mes (por ejemplo 01 representa January)

  • DD - día (por ejemplo 08)

  • T - separador obligatorio, si se especifica la hora

  • hh - hora (por ejemplo 22 representa 10.00pm)

  • mm - minutos (por ejemplo 55)

  • ss - segundos (por ejemplo 03)

  • TZD - Identificadores de zona horaria (Z representa Zulú, también conocida como hora de Greenwich)

 HTML <time> etiqueta