<time>: Элемент времени (Дата)
Базовая линия Широко распространённая
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с октября 2017 года.
Элемент <time> HTML представляет определённый момент времени. Он может содержать атрибут datetime для преобразования дат в машиночитаемый формат, что позволяет улучшить результаты поиска в поисковых системах или использовать пользовательские функции, такие как напоминания.
Он может представлять одно из следующих:
- Время по 24-часовому формату.
- Точную дату в григорианском календаре (с необязательной информацией о времени и часовом поясе).
- Действительный период времени.
Попробуйте
Атрибуты
Как и все другие 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:MMHH:MM:SSHH:MM:SS.mmm
|
23:5912:15:4712:15:52.998
|
| Действительная строка локальной даты и времени |
YYYY-MM-DDHH:MMYYYY-MM-DD HH:MM:SSYYYY-MM-DD HH:MM:SS.mmmYYYY-MM-DDTHH:MMYYYY-MM-DDTHH:MM:SSYYYY-MM-DDTHH:MM:SS.mmm
|
2013-12-25 11:121972-07-25 13:43:071941-03-15 07:06:23.6782013-12-25T11:121972-07-25T13:43:071941-03-15T07:06:23.678
|
| Действительная строка смещения часового пояса |
Z+HHMM+HH:MM-HHMM-HH:MM
|
Z+0200+04:30-0300-08:00
|
| Действительная глобальная строка даты и времени | Любое сочетание строки локальной даты и времени, за которым следует строка смещения часового пояса |
2013-12-25 11:12+02001972-07-25 13:43:07+04:301941-03-15 07:06:23.678Z2013-12-25T11:12-08:00
|
| Действительная строка недели | YYYY-WWW | 2013-W46 |
| Четыре или более ASCII-цифр | YYYY |
2013, 0001
|
| Действительная строка продолжительности |
PdDThHmMsSPdDThHmMs.XS
|
P12DT7H12M13SP12DT7H12M13.3SP12DT7H12M13.45SP12DT7H12M13.455SPT7H12M13SPT7H12M13.2SPT7H12M13.56SPT7H12M13.999S7d 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 for Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
time |
62 | 14 | 22 | 4911.5–12 | 7 | 62 | 22 | 4611.5–12 | 4 | 8.0 | 62 |
datetime |
62 | 14 | 22 | 4911.5–12 | 7 | 62 | 22 | 4611.5–12 | 4 | 8.0 | 62 |
См. также
- Элемент
<data>, позволяющий указывать другие типы значений.
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time
