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

Описание

Атрибут hidden скрывает элемент <s> и его содержимое от отображения на странице, сохраняя его в DOM. Это полезно для временного скрытия зачеркнутого текста без удаления из документа.

Пример использования:
<s hidden> Этот текст будет скрыт, но останется в DOM </s>

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

Характеристика Описание
Визуальное воздействие Эквивалентно CSS: display: none
Доступность Скрытый элемент не доступен для скринридеров
DOM-присутствие Элемент остается в дереве документа

Отличие от других методов скрытия:

  • vs display: none - аналогичное поведение
  • vs visibility: hidden - не резервирует место
  • vs aria-hidden="true" - скрывает и от вспомогательных технологий

Рекомендации по использованию:

  • Используйте для временного скрытия устаревшего контента
  • Не применяйте для важной информации (недоступно для пользователей)
  • Для сложного управления видимостью используйте CSS-классы
  • Сочетайте с JavaScript для динамического управления
Ограничения:
  • Не поддерживает анимации/переходы
  • В IE10 и ниже требует полифила
  • Скрытый контент всё равно загружается