HTML глобальный атрибут hidden

Определение и применение

Глобальный атрибут hidden скрывает содержимое элемента от просмотра на странице.

Атрибут hidden, как правило, используется, чтобы пользователь не видел элемент до тех пор, пока другое условие не будет выполнено (например, требование проставить галочку). Используя впоследствии JavaScript вы можете удалить скрытый атрибут у элемента, и сделать элемент видимым для пользователя.

Синтаксис:

<element hidden >

Поддержка браузерами и значения атрибута

Вы можете средствами CSS создать следующий стиль и расширить поддержку данного атрибута браузерами (вплоть до IE 7):

* [hidden] {
display:none;
}

Значение	Описание	Chrome	Firefox	Opera	Safari	IExplorer	Edge
hidden	Значение атрибута является обязательным только в XHTML.	6.0	4.0	11.1	5.1	11.0	12.0

Пример использования

<!DOCTYPE html>
<html>
<head>
<title> Название документа </title>
</head>
<body>
<p>Параграф, который видят все.</p>
<a href = "#" hidden >Скрытая ссылка.</a>
</body>
</html>

Параграф, который видят все.

Глобальные атрибуты