HTML  Tag

HTML <time> Tag

Last Updated : 27 Aug, 2024

The <time> tag is used to display the human-readable date/time. It can also be used to encode dates and times in a machine-readable form. The main advantage for users is that they can offer to add birthday reminders or scheduled events to their calendars and search engines can produce smarter search results.

Note: This tag also supports Global Attribute and Event attributes.

Syntax

<time attribute> Time... </time>

Attribute

This tag contains an optional attribute datetime which is used to define the date/time in a machine-readable form of the <time> element.

Example: This example describes the usage of the HTML <time> Tag.

HTML

<!DOCTYPE html>
<html>

<body>
    <h1>GeeksforGeeks</h1>
    <h2>&lt;time&gt; Tag</h2>

    <p>
        I Wake up at <time>6.00</time> 
        in every morning.
    </p>
    <p>
        Jawahar lal Nehru birthday is celebrated 
        on <time datetime="2018--11-14 12:00">
            children's day.</time>
    </p>
</body>

</html>

Output:

Supported Browsers

HTML <time> Tag – FAQs

What is the purpose of the datetime attribute in the <time> tag?

The datetime attribute stores the date or time in a standardized format (ISO 8601) for better machine readability, even if the displayed format is different.

When should you use the <time> tag?

Use the <time> tag when you want to represent dates, times, or durations that are important to the document’s meaning, such as event dates, publication times, or deadlines.

Is the <time> tag only for displaying exact times?

No, the <time> tag can be used for both exact dates and times as well as durations (e.g., “2 hours”).

Can the <time> tag be used for relative dates like “yesterday”?

Yes, the displayed text can be “yesterday,” but the datetime attribute should contain the exact date for better machine understanding.

Can the <time> tag be used multiple times on a page?

Yes, you can use the <time> tag as often as needed to represent multiple dates, times, or durations in your content.

HTML  Tag

M

ManasChhabra2

News

Improve

Article Tags :

Similar Reads

HTML <time> Tag

The <time> tag is used to display the human-readable date/time. It can also be used to encode dates and times in a machine-readable form. The main advantage for users is that they can offer to add birthday reminders or scheduled events to their calendars and search engines can produce smarter

HTML  Tag

HTML comment tag is used to insert comments in the HTML code. It is good coding practice as it helps developers to better understand complex code. Comments is useful during the debugging of the code. SyntaxNote: The comment tag () is used for both single-line and multilin

HTML <table> Tag

HTML <table> tag is utilized to create tables on a webpage. It helps in structuring and displaying data in an organized and tabular manner. It helps to render the information in rows and columns, utilizing elements like <tr>, <th>, and <td> to specify different parts of the t

HTML <ins> tag is used to specify a block of inserted text. The <ins> tag is typically used to mark a range of text that has been added to the document. The inserted text is rendered as underlined text by the web browsers although this property can be changed using the CSS text-decoratio

The HTML <rtc> tag is used to define the explanation of the ruby annotation which is a small text, attached with the main text. Such kind of annotation is used in Japanese or chinese publications. The <rtc> tag contains the <rt> tag. Note: HTML <rtc> tag is not supported in h

The <map> tag in HTML is used to define an image map. It is an image with clickable areas that link to different destinations or perform specific actions. The <map> tag is typically used in combination with the <img> tag and <area> tags to create these interactive regions. Ea

HTML <html> Tag

HTML is a language full of diverse elements, and one such element is the <html> tag. This tag, standing for â€˜HyperText Markup Languageâ€™, is used to define the root of an HTML or XHTML document. It serves as the main container for all other HTML elements, excluding the <!DOCTYPE> declarat

HTML <menu> Tag

HTML <menu> TagÂ defines an Unordered List of items. For creating an unordered list, we can use the <menu> tag with HTML <li> tags. The HTML <menu> tag is a semantic tag and an alternative option for the HTML <ul> tag. Syntax<menu> <li>Content... </li>

HTML <blink> Tag

The HTML <blink> tag was used to create blinking text that flashes slowly. It is now obsolete and unsupported in modern browsers, as it was never standardized. Instead, CSS and JavaScript are recommended for similar effects, although blinking text is generally discouraged for accessibility rea

HTML <input type="time">

The HTML <input type="time"> element creates a time input field, allowing users to select a time (including hours and minutes) from a pre-defined list or by entering it manually. It provides a standardized way to input time values, enhancing user experience in forms that require time-based inp