By Alligator.io
The <time>
element is new to HTML5. It makes it easier to markup time information. Let’s examine some scenarios and use <time>
in practice.
<time>
allows you to markup date and/or time information in a format that’s easy to understand for both humans and machines. For example, if you want to markup time that’s already in a machine-readable format, you use <time>
like this:
<p>
Meet me at <time>11:59</time> at the dock.
</p>
Or, if the date/time information is not machine-readable, you’d mark it up like this with the datetime
attribute:
<p>
Last updated
<time datetime="2015-11-03">
November 3rd 2015
</time>.
</p>
The value for the datetime
attribute takes one of the following formats:
date
: YYYY-MM-DDdatetime
(with time zone): YYYY-MM-DDThh:mm:ss.Z (e.g.: 2016-06-30T03:37:56-0800)datetime-local
(no time zone): YYYY-MM-DDThh:mm:sstime
: hh:mm:ssmonth
: YYYY-MMThis is how you can use the new <time>
element.
<time>
is an important new element in HTML5.
For a more comprehensive review of the HTML5 markup language, explore our series, How To Build a Website in HTML.
Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.
Join our DigitalOcean community of over a million developers for free! Get help and share knowledge in our Questions & Answers section, find tutorials and tools that will help you grow as a developer and scale your project or business, and subscribe to topics of interest.
Sign up nowThis textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!