Глобальный HTML-атрибут hidden, определение и примеры
Меню
Веб-разработка

Атрибут hidden HTML

Атрибут hidden

Глобальный HTML атрибут hidden является перечисляемым атрибутом, указывающим, что браузер не должен отображать содержимое элемента. Например, его можно использовать, чтобы скрыть элементы страницы, которые нельзя использовать, пока не будет завершен процесс входа в систему.


Атрибут hidden - синтаксис и код

Пример кода скрытого параграфа атрибутом hidden:

<pre class="wp-block-syntaxhighlighter-code"><!DOCTYPE html>
<html>
<body>

<p hidden>Это скрытый параграф.</p>
<p>Это обычный, видимый параграф.</p>

</body>
</html>

Синтаксис

<element hidden>

Определение и использование

  • Атрибут hidden является логическим атрибутом;
  • При наличии он указывает, что элемент еще не является или больше не является релевантным;
  • Браузеры не должны отображать элементы, для которых указан атрибут hidden.

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


Поддержка hidden браузерами

Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Связанные страницы

Руководство по HTML: атрибуты HTML


Полный список всех доступных глобальных атрибутов HTML см. в Справочнике - Глобальные атрибуты HTML.

Поделиться ссылкой