Атрибут `datetime` HTML тега `<time>`

Значение и применение

Атрибут datetime представляет собой машиночитаемую дату / время в элементе. Данный атрибут используется с элементом семантической разметки <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 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.time.datetime
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`datetime`	✓62	✓14	✓22	✓49	✓7	✓62	✓22	✓46	✓4	✓8.0	✓62	✓4

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис:

HTML

<time datetime="YYYY-MM-DDThh:mm:ssTZD | P…DT…H…M…S"> </time>

Значения атрибута

Значение Описание

Значение	Описание
`YYYY-MM-DDThh:mm:ssTZD`	YYYY - год (например, 2016) 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-31T12:00:00+03:00 - Декабрь 31, 2016 год, 12-00, Московское время. 2016-12-31T09:00:00Z - соответствуют тому же временному значению.
`P…DT…H…M…S`	P - префикс для периода `T` — разделитель перед часами, минутами и секундами D - обозначение после числа для дней (например, 2D) H - обозначение после числа для часов (например, 20H) M - обозначение после числа для минут (например, 55M) S – обозначение после числа для секунд (например, 5S)

YYYY-MM-DDThh:mm:ssTZD

YYYY - год (например, 2016)
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-31T12:00:00+03:00 - Декабрь 31, 2016 год, 12-00, Московское время.
2016-12-31T09:00:00Z - соответствуют тому же временному значению.

P…DT…H…M…S P - префикс для периода
T — разделитель перед часами, минутами и секундами
D - обозначение после числа для дней (например, 2D)
H - обозначение после числа для часов (например, 20H)
M - обозначение после числа для минут (например, 55M)
S – обозначение после числа для секунд (например, 5S)

Примеры, попробуйте сами

Атрибут datetime элемента time

Измените читаемый текст и машинную запись datetime вместе.

index.html