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