HTML тег <time>

Элемент <time> (от англ. "time" ‒ «время, момент») позволяет указывать время в 24-часовом формате или точную дату по Григорианскому календарю , с возможностью указать время и смещение часового пояса.

Кроме обычного указания даты или времени, элемент <time> может использоваться для кодирования даты/времени в машинопонятной форме, чтобы пользовательские программы-агенты могли добавлять эту информацию в системы напоминания или в расписание событий пользовательского календаря. В качестве содержимого для элемента <time> указывается информация одним из двух способов:

  • Дата и время задаётся в международном формате ISO 8601 — ru.wikipedia.org/wiki/ISO_8601 внутри элемента <time>. При этом внутри элемента кроме данной записи не должно располагаться ни чего постороннего (например, текста не соответствующего стандарту, других элементов).
  • Указание даты и времени в международном формате ISO 8601 — ru.wikipedia.org/wiki/ISO_8601 в атрибуте datetime. В этом случае внутрь элемента можно вкладывать любое содержимое.

Примечание: Этот элемент неуместно использовать, когда точная дата не определена, также дата по Григорианскому календарю должна быть положительной, то есть нельзя указывать даты до Рождества Христова (из-за осложнений расчетов таких дат).

Синтаксис

<time>дата и время</time>
<time datetime="дата и время">текст</time>

Закрывающий тег

Обязателен.

Атрибуты

datetimeHTML5
Указывает дату/время в машиносчитываемом формате. Время указывается в формате - YYYY-MM-DDThh:mm:ssTZD:
  • YYYY - год (пример: 2017)
  • MM - месяц (пример: 05 для мая)
  • DD - день месяца (пример: 01)
  • T - разделитель между датой и временем
  • hh - час (пример: 22 для 10.00pm)
  • mm - минуты (пример: 30)
  • ss - секунды (пример: 59)
  • TZD (Time Zone Designator) - обозначение часового пояса (пример +03:00)
В атрибуте datetime можно опустить лишние детали, указав только время или дату.

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Нет.

Различия между HTML 4.01 и HTML5

Тег <time> был добавлен в HTML5.

Пример использования:

Определяем дату и время:

Пример HTML:

Попробуй сам
<time datetime="7:00">7 часов утра</time>
<time datetime="2018-02-14">День святого Валентина</time>

Спецификации

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

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


Учебник HTML

HTML Элементы