HTML-тег <time>

Характеристики

• Тип: строчный, статичный, семантический
• Назначение: Представляет определенное или относительное время, или дату в определенном стандартизированном формате.
• Родители: Любые HTML-теги, которые могут содержать строчные элементы.
• Потомки: Текстовое представление времени или даты.
• Глобальные атрибуты: все
• Атрибуты событий: все

Атрибуты

• datetime — Стандартизированное машинно-читаемое представление даты и времени.

Пример использования

<p>Событие состоится <time datetime="2023-12-31">31 декабря 2023 года</time>.</p>

Использование в JavaScript

// Получение элемента <time>
const timeElement = document.querySelector('time');

// Изменение атрибута datetime
timeElement.setAttribute('datetime', '2024-01-01');

// Изменение отображаемого текста
timeElement.innerHTML = '1 января 2024 года';

Рекомендации по обеспечению доступности (a11y)

• Используйте атрибут datetime для предоставления машинно-читаемого значения даты или времени.
• Убедитесь, что отображаемый текст понятен пользователям.

Полезные ссылки