Тег <time> HTML время, период времени, дата

Рейтинг: 5 из 5, голосов 1
+++++

Тег <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>

Поддержка браузерами

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<time> Да Да Да Да Да

Атрибуты тега <time>

Атрибут Значение Описание
datetime

YYYY-MM-DDThh:mm:ssTZD

или

PWDTHMS

Дата и время в машиночитаемом формате.

Формат для указания временной точки:
  • YYYY - год, 4 цифры (например "1990");
  • MM - месяц, 2 цифры (например "05");
  • DD - число (день месяца), 2 цифры (например "28");
  • T (или используйте пробел) - разделитель даты и времени;
  • hh - часы в 24-часовом формате, 2 цифры (например "18");
  • mm - минуты, 2 цифры (например "04");
  • ss - секунды, 2 цифры (например "42");
  • TZD - Временная зона (например "+02:00").
Формат для указания периода времени:
  • P - префикс периода;
  • W - суффикс недель (например "4W");
  • D - суффикс дней (например "18D");
  • T - префикс времени;
  • H - суффикс часов (например "2H");
  • M - суффикс минут (например "42M");
  • S - суффикс секунд (например "37S").

Вы можете указывать дату / время с необходимой вам точностью (например, только год или только день и месяц).

Смотрите примеры использования формата указания даты и времени в HTML.

Тег <time> также поддерживает глобальные HTML атрибуты.

Оцените, насколько полезна эта страница
+++++
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.