<time> tag

HTML5 <time> tag

The <time> tag is used to describe date and time in HTML5 document.

It uses a 24 hour clock to display the time.

This <time> element encodes date and time in machine readable format which helps user to set their task and to get reminders later.

<time datetime=”values”>text…</time>


<p>We open our shop at <time>09:00</time> am.</p>
<p>We went to Bangkok on<time datetime="2017-05-22">with my family</time>.</p>
<p>Baby born on <time datetime="2016-7-14T0 09:00">pm last Monday</time>.</p>

Default CSS Value


How Browser will display


Difference between HTML4.01, XHTML and HTML5

NA NA New tag added in HTML5

Attributes used with <time> tag

Attribute Description
datetime To set date and time that will not be visible to the user but can only be read by machines.

The <time> tag guides the search engines to show a proper result based on the time.

Internet Explorer 8 and prior versions does not support this tag.

Global Attributes

The <time> tag supports Global attributes.

Event Attributes

The <time> tag supports Event attributes.

Supporting Browsers

time tag supporting browser

Related Tags

<address> tag.

Tutorials for all brains!