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

HTML Reference Manual

HTML Tag Directory

HTML: <time> datetime attribute

Usage of datetime attribute of <time> element, datetime attribute indicates the machine-readable date of <time> element/Time.

 HTML Balise <time>

Online Example

time element with machine-readable datetime attribute:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Basic Tutorial Website(oldtoolbag.com)</title>/<title> 
</<head>
<body>
<p>We are <time datetime="2019-12-25">Christmas</time>hold a Party.</p>
</body>
</html>
Test and see ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

The datetime attribute does not render any special effects in all browsers.

Definition and Usage

The datetime attribute indicates the machine-readable date of the <time> element/Time.

Examples of valid dates and times:

Dates:
<time datetime="1914">  <!-- means the year 1914 -->
<time datetime="1914-12">  <!-- means December 1914 -->
<time datetime="1914-12-20">  <!-- représente 20 December 1914 -->
<time datetime="12-20">  <!-- représente 20 December any year -->
<time datetime="1914-W15">  <!-- means week 15 of year 1914 -->
Date and Times:
<time datetime="1914-12-20T08:00">  <!-- représente 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">  <!-- représente 8am -->
<time datetime="8:00-03:00">  <!-- représente 8am in Rio de Janeiro (UTC-3 heures)  -->
<time datetime="8:00+03:00">  <!-- représente 8am à Madagascar (UTC+3 heures)  -->
Durées :
<time datetime="P2D">  <!-- représente une durée de 2 jours -->
<time datetime="PT15H10M">  <!-- représente une durée de 15 heures et 10 minutes -->

HTML 4.01 par rapport à HTML5différences

La balise <time> est une balise HTML5 Nouvelles balises.

Syntaxe

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

Valeur de l'attribut

ValeurDescription
YYYY-MM-DDThh:mm:ssTZD

Date ou heure. Voici une explication des composants :

  • YYYY - Année (par exemple 2011)

  • MM - Mois (par exemple 01 représente January)

  • DD - Jour (par exemple 08)

  • T - Séparateur obligatoire, si l'heure est spécifiée

  • hh - Heure (par exemple 22 représente 10.00pm)

  • mm - Minutes (par exemple 55)

  • ss - Secondes (par exemple 03)

  • TZD - Identificateur de fuseau horaire (Z pour Zulu, également connu sous le nom de temps Greenwich)

 HTML Balise <time>