Переклад не закінчено. Будь ласка, допоможіть перекласти цю статтю з англійської.

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

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

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

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

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

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

Нотатка: Зміна display властивості  елемента з атрибутом 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, початкове визначення

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
hiddenChrome Full support YesEdge Full support YesFirefox Full support YesIE Full support 11Opera Full support YesSafari Full support YesWebView Android Full support 4Chrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support

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

Мітки документа й учасники

Зробили внесок у цю сторінку: khomyakdi, mdnwebdocs-bot
Востаннє оновлена: khomyakdi,