Руководство по HTML

Полный список тегов HTML

Атрибут hidden HTML

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

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

Изменение свойства display CSS элемента с атрибутом hidden будетoverride это поведение. Например, элемент установлен display: flex, что приведет к отображению элемента, несмотря на установленный атрибут hidden

Онлайн пример

Демонстрация скрытых и обычных абзацев:

Пример

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Использование属性的 hidden HTML (Учебник по HTML oldtoolbag.com)</title>
</head>
<body>
<p hidden="hidden">Это абзац, который скрыт.</p>
<p>Это абзац, который виден normalmente.</p>
</body>
</html>

Проверьте, посмотрите ‹/›

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают.

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

Атрибут hidden является булевым атрибутом.
Если он существует, он указывает на то, что элемент еще не связан или больше не связан.
Браузер не должен отображать элемент с указанным атрибутом hidden.
Атрибут hidden также можно использовать для предотвращения отображения элемента пользователем до тех пор, пока не будут выполнены某些 другие условия (например, выбранный флажок и т.д.). Затем JavaScript может удалить атрибут hidden и сделать элемент видимым.

Различия между HTML 4.01 и HTML5

Атрибут hidden является новым атрибутом в HTML5.

Различия между HTML и XHTML

В XHTML, атрибуты запрещены для сокращения, атрибут hidden должен быть определен как <элемент скрытый="скрытый">.

грамматика

　　　　 <элемент скрытый>

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

HTML: <template> тег