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.

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

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

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

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

Учебник HTML

HTML Элементы