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

Описание

Атрибут hidden в теге <time> скрывает элемент от визуального отображения, сохраняя его семантическое значение в HTML. Это полезно для машинно-читаемых данных, которые не нужно показывать пользователю.

Пример использования:
<p>Статья опубликована: <time datetime="2025-11-15T08:00:00Z" hidden>2025-11-15</time> <span>15 ноября 2025</span> </p>

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

  • Полностью скрывает элемент (эквивалент CSS: display: none)
  • Сохраняет элемент в DOM-дереве
  • Доступен для парсеров и поисковых систем
  • Не влияет на доступность (скринридеры также не озвучивают содержимое)

Основные применения:

Сценарий Пример Преимущество
Структурированные данные Скрытая машиночитаемая дата Улучшает SEO и обработку данных
Резервное значение Скрытая копия для JavaScript Гарантирует доступность данных
Временное скрытие Динамическое отображение по условию Быстрое управление видимостью

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

  • Используйте для семантической разметки скрытых временных данных
  • Сочетайте с видимыми человеко-читаемыми аналогами
  • Для постоянного скрытия предпочтительнее, чем CSS display: none
  • Не используйте для чувствительной информации (остаётся в HTML-коде)

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

  • Не подходит для конфиденциальных данных
  • Нет анимации при появлении/исчезновении
  • Старые браузеры могут требовать CSS-переопределения

Примечание: Для сложных сценариев:

  • Используйте aria-hidden для управления доступностью
  • Рассмотрите visibility: hidden для сохранения пространства
  • Для анимаций применяйте CSS-переходы с opacity