</> Praktum

Главная / HTML / tag time

Справочник HTML

Тег <time>: дата и время для людей и программ

Элемент <time> связывает понятную человеку подпись с однозначным значением в datetime. Это помогает браузерам, поисковым системам и вспомогательным технологиям распознавать дату.

Рабочий пример

<p>Опубликовано <time datetime="2026-10-17">17 октября 2026</time></p>
<p>Начало в <time datetime="18:30">18:30</time></p>
<p>Урок займёт <time datetime="PT25M">25 минут</time></p>

В datetime используется формат ISO: год-месяц-день, время с двоеточием или длительность вида PT25M. Видимый текст можно склонять и оформлять как удобно читателю.

Когда применять

Применяй time для дат публикации, событий, дедлайнов и длительности. Если дата важна для статьи, согласуй её с datePublished и dateModified в структурированных данных.

Проверь пример самостоятельно: измени исходные данные, убери одну строку и сравни результат. Такой короткий эксперимент помогает увидеть роль каждого свойства или метода и не превращает обучение в механическое копирование.

Частые ошибки

  • Писать неоднозначное datetime вроде 17.10.26
  • Указывать дату, не совпадающую с видимым текстом
  • Размечать time обычное число без временного смысла

Задание

Разметь дату начала курса, время вебинара и продолжительность занятия.

Проверка: результат должен работать с клавиатуры, не создавать ошибок в консоли и оставаться понятным без пояснений автора.

Ещё в разделе HTML