HTML datetime Attribute

Last Updated : 07 Mar, 2024

The HTML datetime attribute specifies the date and time associated with the content, facilitating machine-readable information. It’s commonly used with elements like <time> to provide structured time-related data.

Syntax

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

Attribute Values

This attribute contains a single value YYYY-MM-DDThh:mm:ssTZD which is used to specify the date and time when the text was deleted.

The explanation of datetime components is listed below:

YYYY: It sets the year of datetime object (e.g. 2009).
MM: It sets the month of datetime object (e.g. 05 for March).
DD: It sets the day of the month of datetime object (e.g. 04).
T: It is a required separator.
hh: It sets the hour of datetime object (e.g. 18 for 06.00pm).
mm: It sets the minutes of datetime object (e.g. 34).
ss: It sets the seconds of date
time object (e.g. 40).
ZD: Time Zone Designator (Z denotes Zulu, also known as Greenwich Mean Time)

Applicable

datetime attribute is applicable for:

`<del>`	Represents deleted or removed text within a document.
`<ins>`	Represents inserted or added text within a document.
`<time>`	Represents a specific period of time or a datetime stamp.

HTML datetime Attribute Example

Example : In this example we demonstrates the <ins> tag to represent inserted or added text, marking the change from “mathematical” to “computer” in the content.

html

<!DOCTYPE html>
<html>
    <head> </head>
 
    <body>
        <h2>HTML ins Tag</h2>
 
        <p>
            GeeksforGeeks is a
            <del>mathematical</del>
            <ins datetime="2018-11-21T15:55:03Z">
                computer
            </ins>
            science portal
        </p>
    </body>
</html>

Output:

HTML datetime Attribute example output

Supported Browsers

The browsers supported by datetime Attribute are listed below:

Suggest improvement

HTML | data Attribute

HTML | default Attribute

Share your thoughts in the comments