Элемент time - это настоящий помощник для веб-разработчиков, позволяющий корректно фиксировать время в 24-часовом формате или точную дату по Григорианскому календарю. Он дает возможность указать не только само время, но и смещение часового пояса. Главная цель этого тега - сделать данные машиносчитываемыми, чтобы поисковые системы могли точнее обрабатывать результаты поиска, а пользователи легко планировали события в своих календарях. При этом на странице дата отображается привычным для человека образом.
Внутри элемента time вы указываете текст, который увидит посетитель сайта, а машиносчитываемый формат записывается в атрибуте datetime. Если эти значения совпадают, то атрибут можно вообще не писать - браузеры достаточно умны, чтобы самостоятельно распознать дату или время из содержимого. Визуально элемент никак не выделяется и выглядит как обычный текст, что делает его незаметным, но очень полезным инструментом.
Примечание: Важно помнить: этот тег не подойдет, если точная дата неизвестна. Например, указать просто "май 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Мы открываемся в time10:00/time каждое утро./p /body /html