Атрибут hidden
hidden повністю приховує елемент — еквівалент display:none, але заданий прямо в HTML, без CSS.
Applies to
global
Values
Булевий атрибут: сама наявність hidden приховує елемент (значення не потрібне).
Example
<p hidden>Цей текст не показується.</p>
Edge cases
- hidden приховує елемент і від screen-читачів, і візуально — це НЕ те саме, що visually-hidden CSS-клас, який ховає лише візуально.
- CSS display:block чи подібне правило може перевизначити hidden, оскільки hidden реалізується через стиль display:none за замовчуванням у браузерному стилі, з нижчим приорітетом ніж явні CSS-правила.
Accessibility
- Для приховування "тільки візуально, але не для screen-читачів" використовуйте CSS-техніку visually-hidden, а не hidden.