hidden: временно исключить фрагмент из представления
Атрибут hidden помечает содержимое, которое сейчас не следует показывать пользователю, например неактуальный шаг интерфейса.
Назначение
Атрибут hidden помечает содержимое, которое сейчас не следует показывать пользователю, например неактуальный шаг интерфейса.
Как это работает
Обычный hidden скрывает элемент из отображения; авторские стили display могут вмешаться в это поведение. Это отличается от визуально скрытой подписи, которая должна оставаться доступной программе экранного доступа.
Пример
<p>Текущий шаг: описание проекта.</p>
<section hidden><h2>Дополнительные настройки</h2><p>Появятся на следующем шаге.</p></section>Что должно получиться
Вначале видна только строка о текущем шаге. После удаления hidden появляется второй раздел, не требуя загрузки нового текста с сервера.
Граница применения и частая ошибка
Скрытый HTML всё ещё находится в документе. Пароли, закрытые ответы и приватные данные нельзя защищать только атрибутом hidden: их не следует отправлять без разрешения.
Самостоятельная проверка
Удалите hidden и сравните состояние блока. Затем проверьте, что на скрытые поля или заголовки не ведёт единственный доступный элемент управления на видимой части страницы.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.