Тег <time>: даты и время
Как показать удобную дату человеку и однозначное значение браузеру.
Зачем нужен этот элемент
time отмечает дату, время или продолжительность в документе. Человек может читать привычную запись «30 августа 2026», а атрибут datetime хранит однозначную форму. Это особенно удобно для расписаний и дат публикации.
Для календарной даты используется формат YYYY-MM-DD. Если момент зависит от часового пояса, укажите время и смещение. Не смешивайте локальное отображение с UTC без пояснения: одно событие может приходиться на разные календарные дни для разных читателей.
Синтаксис и пример
<p>Материал опубликован <time datetime="2026-08-30">30 августа 2026</time>.</p>
<p>Занятие: <time datetime="2026-08-30T12:00:00+03:00">12:00 МСК</time>.</p>Что важно в разметке
| Параметр | Как использовать |
|---|---|
| datetime="2026-08-30" | Конкретная календарная дата. |
| datetime="2026-08-30T12:00:00+03:00" | Момент со смещением часового пояса. |
| Содержимое | Человеко-понятное представление даты. |
Частая ошибка
Тег time не обновляет дату автоматически. Не ставьте текущий день как дату проверки статьи, если проверка фактически не выполнялась.
Небольшая практика
Запишите время занятия с часовым поясом и понятной подписью. Проверьте, что текст и datetime обозначают один и тот же момент.
Разберите также <p>, <article>: эти элементы пригодятся в том же интерфейсе.
Попробуйте сами
РЕЗУЛЬТАТ · ИЗОЛИРОВАННЫЙ ПРЕДПРОСМОТР
Измените код и нажмите «Запустить». JavaScript и внешние запросы отключены.
Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.