Нужные элементы HTML5 Семантическое время: <time> Обычно дату и время выводят с помощью текстовых элементов, но в HTML5 для этого есть специальный тег: <p>The article was published on <time datetime="2025-05-20">May 20, 2025</time>.</p> Атрибут datetime позволяет указать дату в стандартизированном формате (ISO 8601), понятном для машин, а также отображать ее в удобном для пользователя формате. Это полезно для поисковых систем, извлекающих точную дату, а также для браузеров или расширений, которые могут предлагать такие функции, как добавление событий в календари. Вы можете использовать <time> для различных форматов даты и времени: <!-- Just a date --> <time datetime="2025-05-20">May 20, 2025</time> <!-- Date and time --> <time datetime="2025-05-20T14:30:00">2:30 PM on May 20, 2025</time> <!-- Just a time --> <time datetime="14:30:00">2:30 PM</time> <!-- A duration --> <time datetime="PT2H30M">2 hours and 30 minutes</time> Одним из практических вариантов является относительное время: p>Posted <time datetime="2025-05-18T14:30:00" class="relative-time">2 days ago</time></p> Для обновления даты и времени, конечно, не обойтись без JavaScript: function updateRelativeTimes() { document.querySelectorAll('.relative-time').forEach(el => { const date = new Date(el.getAttribute('datetime')); el.textContent = getRelativeTimeString(date); }); } // Update every minute setInterval(updateRelativeTimes, 60000); Этот элемент особенно ценен для блогов, новостных сайтов и социальных сетей, где нужна точная информация о дате и времени. #frontend #html