<time> HTML
Тег <time>
(от англ. time — время) помечает текст внутри элемента как дату, время или оба значения.
Может указываться непосредственно внутри контейнера <time>
, либо задаваться через атрибут datetime
.
Синтаксис
<time>дата и время</time>
<time datetime="<дата и время>">текст</time>
Закрывающий тег обязателен.
WAI ARIA
Нет значения role
по-умолчанию.
Допустимо любое значение role
.
Атрибуты
-
datetime
— Задаёт дату, время или оба значения для текста.
datetime
Устанавливает дату и время.
Синтаксис
<time datetime="<дата и время>">Дата и время</time>
Значения
Дата и время задаётся в международном формате ISO 8601. Примеры оформления приведены в табл. 1.
Значение | Формат | Пример |
---|---|---|
Год | ГГГГ | 2012 |
Месяц и год | ГГГГ-ММ | 2012-12 |
Полная дата | ГГГГ-ММ-ДД | 2012-12-23 |
Дата и время с минутами | ГГГГ-ММ-ДДTчч:мм | 2004-07-24T18:18 |
Дата и время с секундами | ГГГГ-ММ-ДДTчч:мм:сс | 2004-07-24T18:18:18 |
Дата и время с часовым поясом | ГГГГ-ММ-ДДTчч:мм:сс±чч:мм | 2004-07-24T18:18:18+04:00 |
Для каждой единицы существует своя заданная форма и ограничения.
-
Год
— задаётся четырьмя цифрами (1860). -
Месяц
— две цифры (01 — январь, 02 — февраль, 12 — декабрь). -
День
— две цифры от 01 до 31. -
Час
— две цифры от 00 до 23. -
Минуты
— две цифры от 00 до 59. -
Секунды
— две цифры от 00 до 59. -
Часовой пояс
— часы и минуты с указанием знака плюс или минус.
Дата и время разделяются между собой заглавной латинской буквой T
. Часовой пояс при необходимости пишется после времени со знаком плюс или минус. К примеру, для Москвы часовой пояс будет +03:00.
Значение по умолчанию
Нет.
Спецификации
Примеры
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>time</title>
<style>
time { background: #f0f0f0; }
</style>
</head>
<body>
<article>
<p><time>1957-10-04</time> запущен первый искусственный спутник Земли.</p>
<p><time>1960-08-19</time> первый полёт собак в космос.</p>
<p><time>1961-04-12</time> первый полёт человека в космос.</p>
<p><time>1963-06-16</time> первый полёт женщины-космонавта.</p>
<p><time>1969-07-21</time> высадка человека на Луну.</p>
</article>
</body>
</html>