Тег <time> новый элемент в HTML 5. Он используется для указания времени в 24-часовом формате и/или точной даты.

Атрибут datetime задает машиночитаемый формат даты/времени, чтобы пользовательские программы-агенты могли добавлять эту информацию в системы напоминания или в расписание событий пользователя.

Дата и время добавляются в международном формате ISO 8601. Тег <time> не должен содержать посторонних элементов, не соответствующих стандарту.

Синтаксис

HTML тег <time> парный, содержимое записывается между открывающим (<time>) и закрывающим (</time>) тегами.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
  </head>
  <body>
    <p>Игра состоится <time datetime="2014-09-28 19:00">28 сентября</time>.</p>
    <p>Начало в <time>19:00</time></p>
  </body>
</html>

Результат

timeexample1

Атрибуты

Атрибут Значение Описание
datetime Указывает дату/время в машиночитаемом формате.
YYYY Год
MM Месяц
DD День месяца
T Разделитель между датой и временем
hh Час
mm Минуты
ss Секунды
TZD (Time Zone Designator) часовой пояс

Тег <time> также поддерживает глобальные атрибуты.

Как добавить стиль к тегу <time> ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега <time>:

Цвет текста внутри тега <time>:

Стили форматирования текста для тега <time>:

Другие свойства для тега <time>:

Поддержка браузера

chrome firefox safari opera
6+ 4+ 5+ 11.1+

Практикуйте свои знания

What is the purpose of the HTML <time> tag and what attributes can it contain?
Считаете ли это полезным?