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

Описание

Атрибут hidden скрывает элемент <small> от отображения на странице. Элемент остаётся в DOM, но не виден пользователю и не занимает место в вёрстке.

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

<p>Основной текст</p> <small hidden>Скрытый дополнительный текст</small>

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

  • Семантика: Явно указывает, что элемент временно неактивен
  • Доступность: Скрытые элементы игнорируются скринридерами
  • Стилизация: Эквивалентен display: none
  • DOM: Элемент остаётся в дереве документа

Сравнение с другими методами скрытия:

Метод Видимость Доступность Место в потоке
hidden Не виден Игнорируется Не занимает
visibility: hidden Не виден Может обнаруживаться Занимает
opacity: 0 Не виден Обнаруживается Занимает

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

  1. Используйте для временно скрываемых элементов
  2. Для условного отображения контента
  3. Когда нужно сохранить элемент в DOM
  4. Вместо display: none для семантической разметки

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

  • Не поддерживает CSS-анимации
  • Не отправляет данные форм (если применяется к полям ввода)
  • В старых браузерах может потребоваться полифил

Доступность (a11y):

<small hidden aria-hidden="true"> Этот текст скрыт и игнорируется скринридерами </small>