Spec-Zone.ru › HTML

<time> Элемент HTML time (дата)

Базовая поддержка Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и во многих версиях браузеров. Она доступна во всех браузерах с октября 2017 года.

  • Подробнее
  • Полная информация о совместимости
  • Оставить отзыв
>

Элемент <time> HTML обозначает определённый промежуток времени. Он может включать атрибут datetime для преобразования дат в машиночитаемый формат, что позволяет улучшить результаты поиска или реализовать пользовательские функции, например напоминания.

Он может обозначать одно из следующего:

  • Время в 24-часовом формате.
  • Точную дату по григорианскому календарю (с необязательными сведениями о времени и часовом поясе).
  • Допустимую строку длительности времени.

Попробуйте

<p>
  The Cure will be celebrating their 40th anniversary on
  <time datetime="2018-07-07">July 7</time> in London's Hyde Park.
</p>

<p>
  The concert starts at <time datetime="20:00">20:00</time> and you'll be able
  to enjoy the band for at least <time datetime="PT2H30M">2h 30m</time>.
</p>
time {
  font-weight: bold;
}

Атрибуты

Как и все остальные элементы HTML, этот элемент поддерживает глобальные атрибуты.

datetime

Этот атрибут указывает время и/или дату элемента и должен иметь один из описанных ниже форматов.

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

Этот элемент предназначен для представления дат и времени в машиночитаемом формате. Например, это позволяет пользовательскому агенту предложить пользователю добавить событие в календарь.

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

Значение datetime (машиночитаемое значение datetime) — это значение атрибута datetime элемента, которое должно иметь правильный формат (см. ниже). Если у элемента нет атрибута datetime, у него не должно быть дочерних элементов, а значением datetime является текстовое содержимое дочернего узла элемента.

Допустимые значения datetime

Описание Микросинтаксис Примеры
Допустимая строка месяца YYYY-MM 2011-11, 2013-05
Допустимая строка даты YYYY-MM-DD 1887-12-01
Допустимая строка даты без года MM-DD 11-12
Допустимая строка времени HH:MM
HH:MM:SS
HH:MM:SS.mmm
23:59
12:15:47
12:15:52.998
Допустимая строка местных даты и времени YYYY-MM-DD HH:MM
YYYY-MM-DD HH:MM:SS
YYYY-MM-DD HH:MM:SS.mmm
YYYY-MM-DDTHH:MM
YYYY-MM-DDTHH:MM:SS
YYYY-MM-DDTHH:MM:SS.mmm
2013-12-25 11:12
1972-07-25 13:43:07
1941-03-15 07:06:23.678
2013-12-25T11:12
1972-07-25T13:43:07
1941-03-15T07:06:23.678
Допустимая строка смещения часового пояса Z
+HHMM
+HH:MM
-HHMM
-HH:MM
Z
+0200
+04:30
-0300
-08:00
Допустимая глобальная строка даты и времени Любая комбинация допустимой строки местных даты и времени, за которой следует допустимая строка смещения часового пояса 2013-12-25 11:12+0200
1972-07-25 13:43:07+04:30
1941-03-15 07:06:23.678Z
2013-12-25T11:12-08:00
Допустимая строка недели YYYY-WWW 2013-W46
Четыре или более цифр ASCII YYYY 2013, 0001
Допустимая строка длительности PdDThHmMsS
PdDThHmMs.XS
PdDThHmMs.XXS
PdDThHmMs.XXXS
PThHmMsS
PThHmMs.XS
PThHmMs.XXS
PThHmMs.XXXS
ww dd hh mm ss
P12DT7H12M13S
P12DT7H12M13.3S
P12DT7H12M13.45S
P12DT7H12M13.455S
PT7H12M13S
PT7H12M13.2S
PT7H12M13.56S
PT7H12M13.999S
7d 5h 24m 13s

Примеры

>

Базовый пример

HTML

<p>The concert starts at <time datetime="2018-07-07T20:00:00">20:00</time>.</p>

Результат

Пример с datetime

HTML

<p>
  The concert took place on <time datetime="2001-05-15T19:00">May 15</time>.
</p>

Результат

Техническая сводка

Категории содержимого Потоковое содержимое, фразовое содержимое, ощутимое содержимое.
Допустимое содержимое Фразовое содержимое.
Опускание тегов Не допускается: обязательны и открывающий, и закрывающий теги.
Допустимые родительские элементы Любой элемент, допускающий фразовое содержимое.
Неявная роль ARIA time
Допустимые роли ARIA Любые
Интерфейс DOM HTMLTimeElement

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

Спецификация
HTML>
# the-time-element>

Совместимость с браузерами

Для компьютеров Для мобильных устройств
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari в iOS Samsung Internet WebView Android WebView в iOS
time 62 14 22 4911.5–12 7 62 22 4611.5–12 4 8.0 62 4
datetime 62 14 22 4911.5–12 7 62 22 4611.5–12 4 8.0 62 4

См. также

  • Элемент <data>, позволяющий обозначать другие виды значений.

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/time

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API