Тег <time> HTML используется для обозначения текста как временной точки (времени, либо даты и времени) или временного периода.
Внутри тега time время указывается в человеко-понятном формате. Атрибут datetime тега <time> содержит дату и время в машиночитаемом формате.
Тег <time> может содержать как точную дату и время (временную точку), например, "среда 18:30", так и промежуток (период, отрезок) времени, например, "2 дня 3 часа".
Формат текста тега свободный, однако, в атрибуте datetime нужно придерживаться четкого стандарта.
Подробно о формате HTML даты и времени с примерами читайте в статье: Дата и время в HTML. Формат, текущее время, часы на сайте.
Этот тег был введен в HTML5.
Синтаксис
<time>текст</time>
Отображение в браузере
Примеры использования <time> в HTML коде
<!DOCTYPE html>
<html>
<head>
<title>Элемент time в HTML</title>
</head>
<body>
<time>10:00</time> <!-- время без указания атрибута datetime -->
<time datetime="2019-10-08 11:25">сегодня, 11:25</time> <!-- временная точка: дата и время -->
<time datetime="2002-09-15">15 сентября 2002 года</time> <!-- временная точка: дата -->
<time datetime="1961-04-12">первый полет в космос</time> <!-- временная точка: событие, привязанное к дате -->
<time datetime="PT8H5M">8 часов 5 минут</time> <!-- период времени длительностью 8 часов 5 минут -->
</body>
</html>
Поддержка браузерами
| Тег | |||||
| <time> | Да | Да | Да | Да | Да |
Атрибуты тега <time>
| Атрибут | Значение | Описание |
|---|---|---|
| datetime |
YYYY-MM-DDThh:mm:ssTZD или PWDTHMS |
Дата и время в машиночитаемом формате. Формат для указания временной точки:
Вы можете указывать дату / время с необходимой вам точностью (например, только год или только день и месяц). Смотрите примеры использования формата указания даты и времени в HTML. |
Тег <time> также поддерживает глобальные HTML атрибуты.