<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:MMHH:MM:SSHH:MM:SS.mmm | 23:5912:15:4712:15:52.998 |
| Допустимая строка местных даты и времени | YYYY-MM-DD HH: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.XSPdDThHmMs.XXSPdDThHmMs.XXXSPThHmMsSPThHmMs.XSPThHmMs.XXSPThHmMs.XXXSww dd hh mm ss | 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 для 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