hidden

Глобальний атрибут Hidden  - це булівський атрибут, який позначає,що цей елемент ще або вже не релевантний. Наприклад? цей атрибут може бути використаним, щоб сховати елементи поки не виконається вхід. Браузер не промалює елемент з заданим атрибутом hidden .

Атрибут hidden не має використовуватись для того, щоб  ховати контент, що має відображатись в іншому представленні. Наприклад, неправильно використовувати атрибут, щоб ховати панель в діалозі з вкладками, тому що інтерфейс вкладок - це  вид представлення зі схованими елементами, які можна відобразити  на одній великій сторінці з прокруткою. Так само не коректно використовувати вміст тільки для одного представлення - якщо щось позначено як приховане -  це має бути сховане для всіх представлень включно з зчитувачами екрана.

Сховані елементи не мають бути прив'язані до не схованих. і до елементів, які наслідують приховані, все ще активні елементи, що означає, що скриптові елементи все ще можуть виконуватися, а елементи форми відправлятися. Проте елементи і скрипти можуть посилатися на елементи, що сховані в іншому контексті.

Наприклад, неправильно використовувати атрибут href, що посилається до секції з атрибутом hidden. Немає сенсу посилатися на вміст якщо він не застосовуваний і не релевантний.

Проте було б добре використовувати  ARIA атрибут aria-describedby для посилання до описів, які сховані. Тоді як приховування описів означає, що вони не є корисними; Вони можуть бути написаними таким чином, щоб  бути корисними  в конкретному контексті посилання на них з елемента який вони описують.

Аналогічно елемент canvas з атрибутом hidden може бути використаний для заскриптованого графічного движка і форма може посилатися до схованого елемента використовуючи його атрибут форми.

Нотатка: Зміна display (en-US) властивості  елемента з атрибутом hidden перезаписує середовище. Для прикладу, елемент стилізований display: flex буде відображатись, не зважаючи на атрибут hidden.

Специфікація

Специфікація Статус Коментар
HTML Living Standard
The definition of 'hidden' in that specification.
Living Standard Не змінювалося з останнього знымка, HTML 5.1
HTML Living Standard
The definition of 'Hidden elements' in that specification.
Living Standard Визначає запропонований рендеринг атрибута hidden, використовуючи CSS
HTML 5.1
The definition of 'hidden' in that specification.
Recommendation Знімок HTML Living Standard, початкове визначення

Підтримка браузерів

BCD tables only load in the browser

Дивіться також