Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML
Теги HTML

HTML тег <time>

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

12.0+ 9.0+ 4.0+ 6.0+ 11.1+ 5.0+

Описание

HTML тег <time> позволяет указывать время в 24-часовом формате или точную дату по Григорианскому календарю, с возможностью указать время и смещение часового пояса. Он предназначен для представления даты и времени в машиносчитываемом формате и отображения их на веб-странице в привычном для нас виде. Это может быть полезно для планировки событий в календаре пользователя, поисковым системам это поможет точнее производить результаты поиска.

В качестве содержимого для элемента <time> указывается информация, которую увидит пользователь на веб-странице, дата или время, в машиносчитываемом формате, указывается в атрибуте datetime. Если формат даты или времени, указываемый в атрибуте, совпадает с содержимым элемента, то атрибут можно опустить, браузер сам найдет нужное содержимое и распознает его. Содержимое элемента <time> визуально не выделяется браузерами и будет выглядеть как обычный текст.

Примечание: этот элемент не подходит для случаев, где невозможно рассчитать точную дату, например не известно конкретное число месяца - "май 2034", также дата по Григорианскому календарю должна быть положительной, то есть нельзя указывать даты до Рождества Христова (из-за осложнений расчетов таких дат).

Атрибуты

datetime:
Указывает дату/время в машиносчитываемом формате. Время указывается в формате - YYYY-MM-DDThh:mm:ssTZD:
  • YYYY - год (пример: 2009)
  • MM - месяц (пример: 07 для июля)
  • DD - день месяца (пример: 01)
  • T - разделитель между датой и временем
  • hh - час (пример: 23 для 11.00pm)
  • mm - минуты (пример: 21)
  • ss - секунды (пример: 59)
  • TZD (Time Zone Designator) - обозначение часового пояса (пример +07:00)
В атрибуте datetime можно опустить лишние детали, указав только время или дату:
<time datetime="20:00">8 часов вечера</time>
<time datetime="2015-02-14">День святого Валентина</time>

Примечание: поисковые системы могут использовать информацию представленную в атрибуте datetime в результатах поиска, для выведения даты последнего обновления документа.

Стиль по умолчанию

Нет.

Пример

<!DOCTYPE html>
<html>
  <body>

    <p>Мы открываемся в <time>10:00</time> каждое утро.</p>

  </body>
</html>

Результат данного примера в окне браузера:

Пример использования тега <time>
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | Обратная связь