HTML тег <time>
Значение и применение
Тег <time> представляет собой семантическую разметку. Внутри тега можно установить дату / время /
период (или всё вместе) в удобном формате, а в атрибуте
datetime
указать дату уже в машиночитаемом виде.
Машиночитаемая разметка используется поисковыми системами и пользовательскими браузерами, которые видят не какую-то нейтральную разметку, а данные, которые они могут идентифицировать.
Допустимые формы записи
Значение может обозначать год (2026), месяц (2026-12), дату (2026-12-31), дату без года (12-31), неделю (2027-W01), время (07:00), смещение UTC (+03:00) или дату со временем (2026-12-31T07:00+03:00). Запись времени с поясом без даты, например 07:00+03:00, недопустима.
Для длительности используйте P2D (два дня), PT20H25M (20 часов 25 минут) или PT5S. Дни идут перед T, часы, минуты и секунды — после; пробел не заменяет этот разделитель длительности. Обозначения D, H, M, S стоят после соответствующих чисел.
Если содержимое <time> само является допустимой машинной записью, например <time>17:00</time>, атрибут datetime можно не задавать; в таком случае внутри не должно быть дочерних элементов. Для текста «в семь утра» добавьте datetime="07:00".
Поддержка браузерами
Спецификация: multipage
Поддерживается во всех основных браузерах с 2018 года.
| Возможность | Компьютеры | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
 Chrome |  Edge |  Firefox |  Opera |  Safari | Chrome Android | Firefox for Android | Opera Android |  Safari on iOS |  Samsung Browser |  WebView Android | WebView on iOS | |
time | 62 | 14 | 22 | 49 Версия 49 выпущена в 2017 г. Версия 11.5 выпущена в 2011 г. — Удалено в 12 | 7 | 62 | 22 | 46 Версия 46 выпущена в 2018 г. Версия 11.5 выпущена в 2011 г. — Удалено в 12 | 4 | 8.0 | 62 | 4 |
datetime | 62 | 14 | 22 | 49 Версия 49 выпущена в 2017 г. Версия 11.5 выпущена в 2011 г. — Удалено в 12 | 7 | 62 | 22 | 46 Версия 46 выпущена в 2018 г. Версия 11.5 выпущена в 2011 г. — Удалено в 12 | 4 | 8.0 | 62 | 4 |
поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31
Синтаксис:
<time datetime = "YYYY-MM-DDThh:mm:ssTZD | P…DT…H…M…S"> </time>, где:
MM - месяц (например, 05 для Мая)
DD – день месяца (например, 11)
T или пробел - разделитель
hh - часы (например, 23)
mm - минуты (например, 57)
ss - секунды (например, 21)
TZD - Time Zone Designator (часовой пояс):
- UTC (Coordinated Universal Time) - всемирное координированное время, обозначается буквой Z.
+hh:mm— положительное смещение от UTC, например+03:00.-hh:mm— отрицательное смещение от UTC, например-03:00.
2016-12-31T09:00:00Z - соответствуют тому же временному значению.
P - префикс для периода
T — разделитель перед часами, минутами и секундамиD - обозначение после числа для дней (например, 2D)
H - обозначение после числа для часов (например, 20H)
M - обозначение после числа для минут (например, 55M)
S – обозначение после числа для секунд (например, 5S)
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
datetime
|
YYYY-MM-DDThh:mm:ssTZD
|
Представляет собой машиночитаемую дату / время в элементе. |
Пример, попробуйте сами
Дата и время
Измените дату и её запись datetime вместе. Атрибут хранит машиночитаемое значение и сам по себе не меняет вид текста.
index.html
<p>Встреча состоится <time datetime="2026-11-20">20 ноября 2026 года</time> в <time datetime="14:30">14:30</time>.</p>
Тони готовит пример…Значение CSS по умолчанию
Нет.Поддержка глобальных атрибутов
Элемент поддерживает "глобальные атрибуты".
Атрибуты событий
Элемент поддерживает "атрибуты событий".