HTML time: Main Tips
- The HTML
timetag is used to represent time.
- You can define time in a time duration, an exact time on a 24-hour clock, or an exact date in the Gregorian calendar.
- You must use both opening and closing tags.
Using the time Tag
time tag defines a specific time:
<h2>The premiere show starts at <time>21:00</time> today.</h2>
It should not be used when a particular date is:
- impossible to calculate
- earlier than the introduction of Gregorian calendar
Theory is great, but we recommend digging deeper!
The datetime Attribute
The content of HTML
time tag can also be made machine readable by using the
<h2>The premiere show starts at <time datetime="2017-07-07T21:00:00Z">21:00</time> coming Friday.</h2>
datetime attribute value can be a representation of a time duration or a Gregorian calendar date. It allows browsers and search engines to provide a better user experience.