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

Manual de Referência HTML

大全 de HTML 标签

HTML: Propriedade datetime do elemento <time>

Uso da propriedade datetime do elemento <time>, a propriedade datetime representa a data e hora legível por máquina do elemento <time>/Tempo.

 HTML <time> etiqueta

Exemplo online

Elemento time com propriedade datetime legível por máquina:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Base Tutorial Site(oldtoolbag.com)</title> 
</head>
<body>
<p>Nós em <time datetime="2019-12-25">Natal</time>organize uma festa.</p>
</body>
</html>
Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

A propriedade datetime não renderiza efeitos especiais em todos os navegadores.

Definição e uso

A propriedade datetime representa a data e hora legível por máquina do elemento <time>/Tempo.

Exemplos de datas e horários válidos:

Dates:
<time datetime="1914">  <!-- means the year 1914 -->
<time datetime="1914-12">  <!-- means December 1914 -->
<time datetime="1914-12-20">  <!-- significa 20 December 1914 -->
<time datetime="12-20">  <!-- significa 20 December any year -->
<time datetime="1914-W15">  <!-- means week 15 of year 1914 -->
Date and Times:
<time datetime="1914-12-20T08:00">  <!-- significa 20 December 1914 at 8am -->
<time datetime="1914-12-20 08:00">  <!-- also means 20 December 1914 at 8am -->
<time datetime="1914-12-20 08:30:45">  <!-- with minutes and seconds -->
<time datetime="1914-12-20 08:30:45.687">  <!-- with minutes, seconds, and milliseconds -->
Times:
<time datetime="8:00">  <!-- significa 8am -->
<time datetime="8:00-03:00">  <!-- significa 8am in Rio de Janeiro (UTC-3 horas)  -->
<time datetime="8:00+03:00">  <!-- significa 8am em Madagáscar (UTC+3 horas)  -->
Durações:
<time datetime="P2D">  <!-- significa um período de duração de 2 dias -->
<time datetime="PT15H10M">  <!-- significa um período de duração de 15 horas e 10 minutos -->

HTML 4.01 e HTML5diferenças entre

<time> etiqueta é o HTML5 Novas etiquetas.

Sintaxe

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

Valor do atributo

ValorDescrição
YYYY-MM-DDThh:mm:ssTZD

Data ou hora. A seguir, explicamos os componentes:

  • YYYY - Ano (por exemplo 2011)

  • MM - Mês (por exemplo 01 Representa January)

  • DD - Dias (por exemplo 08)

  • T - Separador obrigatório, se especificar a hora

  • hh - Horas (por exemplo 22 Representa 10.00pm)

  • mm - Minutos (por exemplo 55)

  • ss - Segundos (por exemplo 03)

  • TZD - Identificadores de fuso horário (Z representa Zulú, também conhecido como Greenwich Mean Time)

 HTML <time> etiqueta