HTML тег <time>

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


12.0+	9.0+	4.0+	6.0+	11.1+	5.0+

Описание

HTML тег <time> позволяет указывать время в 24-часовом формате или точную дату по Григорианскому календарю, с возможностью указать время и смещение часового пояса. Он предназначен для представления даты и времени в машиносчитываемом формате и отображения их на веб-странице в привычном для нас виде. Это может быть полезно для планировки событий в календаре пользователя, поисковым системам это поможет точнее производить результаты поиска.

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

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

Атрибуты

datetime:

Указывает дату/время в машиносчитываемом формате. Время указывается в формате - YYYY-MM-DDThh:mm:ssTZD:

YYYY - год (пример: 2009)
MM - месяц (пример: 07 для июля)
DD - день месяца (пример: 01)
T - разделитель между датой и временем
hh - час (пример: 23 для 11.00pm)
mm - минуты (пример: 21)
ss - секунды (пример: 59)
TZD (Time Zone Designator) - обозначение часового пояса (пример +07:00)

В атрибуте datetime можно опустить лишние детали, указав только время или дату:

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

Примечание: поисковые системы могут использовать информацию представленную в атрибуте datetime в результатах поиска, для выведения даты последнего обновления документа.

Стиль по умолчанию

Нет.

Пример

<!DOCTYPE html>
<html>
  <body>

    <p>Мы открываемся в <time>10:00</time> каждое утро.</p>

  </body>
</html>

Результат данного примера в окне браузера: