Атрибут id тега <time>

Описание

Атрибут id для тега <time> задаёт уникальный идентификатор элемента. Это позволяет обращаться к конкретному элементу через CSS или JavaScript, а также создавать якорные ссылки.

Пример использования:
<time id="publish-date" datetime="2025-10-15">15 октября 2025</time>

Особенности атрибута:

  • Должен быть уникальным в пределах документа
  • Чувствителен к регистру
  • Не должен содержать пробелов
  • Может начинаться с буквы, цифры, подчёркивания или дефиса

Пример с CSS:

<style> #event-time { color: #e74c3c; font-weight: bold; } </style> <time id="event-time" datetime="2025-12-31T20:00">31 декабря в 20:00</time>

Пример с JavaScript:

<time id="current-year" datetime="2025">2025 год</time> <script> // Обновляем год автоматически const yearElement = document.getElementById('current-year'); yearElement.textContent = new Date().getFullYear() + ' год'; yearElement.setAttribute('datetime', new Date().getFullYear()); </script>

Рекомендации:

  • Используйте осмысленные имена (не "id1", "id2")
  • Для дат событий сочетайте с атрибутом datetime
  • Избегайте сложных идентификаторов с несколькими дефисами
  • Проверяйте уникальность идентификаторов

SEO-совет:

Идентификаторы сами по себе не влияют на SEO, но могут помочь в организации структурированных данных и улучшении пользовательского опыта, что косвенно влияет на ранжирование.

Ограничения:

  • Не используйте одинаковые ID на разных страницах для одинаковых элементов
  • Избегайте кириллических символов в идентификаторах
  • Не начинайте идентификатор с цифры (невалидно в CSS)

Примечание: Для группировки нескольких временных меток лучше использовать классы, а не ID.