Элемент time представляет собой дату, время или период времени, представленные в машинночитаемом формате. Он может быть полезен для создания расписаний, архивов или других функций, связанных со временем.
Тег time можно использовать как обычный тег HTML.
<p>Выводим сентябрь 2017 года</p>
<p><time>2017-09</time></p>
Выводим сентябрь 2017 года
В этом примере текст внутри тега является валидным значением атрибута datetime (о нём пойдёт речь дальше). Однако это совершенно необязательно. Это значение можно переместить в атрибут, указанный явно, а внутри тега использовать произвольный текст:
<time datetime="2017-09">Дети пошли в школу</time>
Именно атрибут datetime придаёт этому элементу его уникальные свойства. Он представляет в машинночитаемом виде любую дату, вермя или интервал, относящийся к тексту внутри тега. Так как он предназначен для компьютеров, его формат жестко определён.
В большинстве случаев текст, заключенный в тег, представляет то же самое время в удобочитаемом виде:
<time datetime="2011-11">November, 2011</time>
Существует множество разновидностей форматирования datetime.
Год и месяц. Год идёт перед месяцем.
2014-06
Дата. Год, затем месяц, затем день.
1969-07-16
Дата без года. Месяц, затем день.
12-31
Только время. Часы, минуты, секунды. Секунды указывать необязательно. Доли секунды указываются с точностью до третьего знака.
14:54:39.929
Дата и время. Комбинация даты и времени, разделённых заглавной «T». Букву «T» можно заменить на пробел.
2013-11-20T14:54
Часовой пояс. Начинается с плюса или минуса. Двоеточие необязательно. Всемирное координированное время (UTC, +00:00) можно заменить заглавной «Z».
+06:00
Местные дата и время. Дата и время с указанием часового пояса, вместо «T» можно использовать пробел.
2019-12-31T23:59:59-02:00
Год и неделя. Год, затем заглавная «W» и номер недели.
2010-W21
Только год. Должно быть четыре или больше цифр. Примеры корректных значений: "0001", "12345".
1776
Временной интервал (первый способ). «P», затем опционально — количество дней, «T», затем опционально — количество часов, минут и секунд. Все буквы только в верхнем регистре.
P2DT2H30M10.501S
Временной интервал (второй способ). Недели, дни, минуты, секунды. Буквы могут быть в любом регистре, пробелы необязательны.
1w 2d 2h 30m 10.501s
Примеры
The Chelyabinsk meteor entered Earth's atmosphere over Russia on <time datetime="2013-02-15T09:20+06:00">15 February 2013 at about 09:20 YEKT (03:20 UTC)</time>.
Вы можете ещё немного улучшить элемент time, если добавите атрибут title, в котором укажете более детальную информацию.
Взято с сокращениями отсюда.