Articles → HTML 5 → Time Tag In Html5

Time Tag In Html5

In this article, we will discuss the time tag in HTML5.

Human-Readable Vs Machine-Readable Information

Human-readable information is: -

Machine-readable information is: -

The time tag defines the date in a human-readable format.

<time>time_specified</time>

<!DOCTYPE html>
<html>
  <body>
    <p>We will meet at <time>10:00 AM</time> tomorrow.</p>
  </body>
</html>

Try It

Here is the output of the above code.

Internet Explorer	Firefox	Chrome	Safari	Opera	Edge
9.0	4.0	6.0	5.0	11.1	Yes

You can also define the date in the machine-readable format using the datetime attribute. Here is an example: -

<!DOCTYPE html>
<html>
<body>

<p>We will meet at <time datetime="2019-06-02 18:00">10:00 AM</time> tomorrow. </p>

</body>
</html>

Try It

You do not see any change in the browser. Here is the output: -

Query/Feedback