<time>¶
Тег <time>
(от англ. time — время) помечает текст внутри элемента как дату, время или оба значения.
Может указываться непосредственно внутри контейнера <time>
, либо задаваться через атрибут datetime
.
Текстовые элементы
Синтаксис¶
<time>дата и время</time>
<time datetime="<дата и время>">текст</time>
Закрывающий тег обязателен.
Атрибуты¶
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>
Ссылки¶
- Тег
<time>
MDN (рус.)