HTML :: Тег <time>
В HTML тег <time> (от англ. time – время) используется для создания контейнера, содержимое которого помечается как дата, время или дата и время. Обычно содержимое элемента <time> представляет собой дату и время в удобочитаемом для пользователей формате. Для представления даты и времени в машиночитаемом формате используется его атрибут datetime (если содержимое элемента и атрибута совпадают, то атрибут можно опустить). Браузеры никак не выделяют содержимое элемента <time>.
Элемент <time> не подходит для использования в случаях, когда точная дата неизвестна (например, январь 2019) или представляет собой время до Рождества Христова.
Синтаксис
<time>Дата и время</time>
<time datetime="Дата и время">Текст</time>
Закрывающий тег: обязателен.
Атрибуты
-
datetime – задает время и дату в виде
YYYY-MM-DDThh:mm:ssTZD (международный формат ISO 8601), где
- YYYY – год (например, 2019),
- MM – месяц (например, 05),
- DD – день (например, 07),
- T – разделитель даты и времени,
- hh – часы (например, 21),
- mm – минуты (например, 33),
- ss – секунды (например, 03),
- TZD (от англ. Time Zone Designator) – указатель часового пояса (например, +01:00).
- Также для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.
Ссылки
Официальный сайт W3C: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-time-element
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/time
Примеры
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №1</title> </head> <body> <p> Праздничный ужин в день его рождения (<time datetime="2019-05-31">31 мая</time>) <br> состоится в <time datetime="18:00+03:00">18.00</time> после прихода всех друзей. </p> </body> </html>
Пример №1