The HTML <time>
element represents either a time on a 24-hour clock or a precise date in the Gregorian calendar (with optional time and timezone information).
Content categories | Flow content, phrasing content, palpable content. |
---|---|
Permitted content | Phrasing content. |
Tag omission | None; both the starting and ending tags are mandatory. |
Permitted parents | Any element that accepts phrasing content. |
Permitted ARIA roles | Any |
DOM interface | HTMLTimeElement |
Attributes
Like all other HTML elements, this element supports the global attributes.
datetime
- This attribute indicates the time and date of the element and must be a valid date with an optional time string. If the value cannot be parsed as a date with an optional time string, the element does not have an associated time stamp.
Usage notes
This element is for presenting dates and times in a machine readable format. For example, this can help a user agent offer to add an event to a user's calendar.
This element is not appropriate for instances where a specific date cannot be calculated, nor should it be used for dates prior to the introduction of the Gregorian calendar (due to complications in calculating those dates).
The datetime value (the machine-readable value of the datetime) is the value of the element’s datetime
attribute, which must be in the proper format. If the element does not have a datetime
attribute, it must not have any element descendants, and the datetime value is the element’s child text content.
Examples
Simple example
HTML
<p>The concert starts at <time>20:00</time>.</p>
Output
datetime
example
HTML
<p>The concert took place on <time datetime="2001-05-15T19:00">May 15</time>.</p>
Output
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of '<time>' in that specification. |
Living Standard | No change from HTML 5.1 |
HTML 5.1 The definition of '<time>' in that specification. |
Recommendation | No change from HTML5 |
HTML5 The definition of '<time>' in that specification. |
Recommendation | Initial definition. |
Browser compatibility
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 62 | Yes | 22 | No | 49 11.5 — 12 | 7 |
datetime | 62 | Yes | 22 | No | 49 11.5 — 12 | 7 |
Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic support | 62 | 62 | Yes | 22 | No | 49 11.5 — 12 | 4 |
datetime | 62 | 62 | Yes | 22 | No | 49 11.5 — 12 | 4 |
See also
- The
<data>
element, allowing to signal other kind of values.