Атрибут datetime в теге <time> HTML

HTML <time> тег

Определение и использование

datetime Свойство атрибута представляет машинночитаемый формат элемента <time>.

Примеры эффективных значений даты и времени:

Дата:

<time datetime="1914">  <!-- Представляет 1914 год -->
<time datetime="1914-12">  <!-- Представляет декабрь 1914 года -->
<time datetime="1914-12-20">  <!-- Представляет 20 декабря 1914 года -->
<time datetime="12-20">  <!-- Представляет 20 декабря каждого года -->
<time datetime="1914-W15">  <!-- Представляет 15-ю неделю 1914 года -->

Дата и время:

<time datetime="1914-12-20T08:00">  <!-- Представляет 8:00 утра 20 декабря 1914 года -->
<time datetime="1914-12-20 08:00">  <!-- Так же представляет 8:00 утра 20 декабря 1914 года -->
<time datetime="1914-12-20 08:30:45">  <!-- Включает минуты и секунды -->
<time datetime="1914-12-20 08:30:45.687">  <!-- Включает минуты, секунды и миллисекунды -->

Время:

<time datetime="08:00">  <!-- Представляет上午 8:00 -->
<time datetime="08:00-03:00">  <!-- Представляет время в Рио-де-Жанейро (UTC-3)上午 8:00. -->
<time datetime="08:00+03:00">  <!-- Представляет время в Мадагаскаре (UTC+3)上午 8:00 -->

Длительность:

<time datetime="P2D">  <!-- Представляет 2 дня -->
<time datetime="PT15H10M">  <!-- Представляет 15 часов 10 минут -->

Пример

Элемент time с установленным машинночитаемым свойством datetime:

<p>У меня была встреча <time datetime="2017-02-14">в День святого Валентина</time>.</p>

Попробуйте сами

Грамматика

<time datetime="YYYY-MM-DDThh:mm:ssTZD">

Значение атрибута

Значение Описание

YYYY-MM-DDThh:mm:ssTZD

или

PTDHMS

Указанная дата или время. Объяснение компонентов:

  • YYYY - год (например, 2011)
  • MM - месяц (например, 01 означает январь)
  • DD - день (например, 08)
  • T или пробел - разделитель (если также указано время,则需要)
  • hh - часы (например, 22 означает 10 вечера)
  • mm - минуты (например, 55)
  • ss - секунды (например, 03)
  • TZD - индикатор часового пояса (Z означает зулусский, также известный как格林вичское стандартное время)
  • P - префикс "Period"
  • D - префикс "Days"
  • H - префикс "Hours"
  • M - префикс "Minutes"
  • S - префикс "Seconds"

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

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
62.0 18.0 22.0 7.0 49.0

HTML <time> тег