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

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

Синтаксис

<элемент hidden="hidden | until-found">

Значения

Атрибут может принимать одно из следующих значений:

Значение Описание

Значение	Описание
`hidden` `""`	Элемент будет скрыт и не будет отображаться на странице. В качестве значения можно указать `hidden`, пустую строку (`""`) или оставить только имя атрибута. CSS свойство `display` переопределяет поведение элемента. Элементы для которых указано свойство `display` со значением, отличным от `none`, будут отображаться, несмотря на присутствие атрибута `hidden`.
`until-found`	Скрыто будет только содержимое элемента. Содержимое может стать видимым при использовании функции браузера поиск на странице или навигации по странице (например, при использовании якорей). Браузеры реализуют состояние скрыто до обнаружения с помощью CSS-свойства `content-visibility:` `hidden`. Это означает, что сам элемент остаётся на странице на своём месте, скрыто только его содержимое.

hidden
""

Элемент будет скрыт и не будет отображаться на странице. В качестве значения можно указать hidden, пустую строку ("") или оставить только имя атрибута.

CSS свойство display переопределяет поведение элемента. Элементы для которых указано свойство display со значением, отличным от none, будут отображаться, несмотря на присутствие атрибута hidden.

until-found

Скрыто будет только содержимое элемента. Содержимое может стать видимым при использовании функции браузера поиск на странице или навигации по странице (например, при использовании якорей).

Браузеры реализуют состояние скрыто до обнаружения с помощью CSS-свойства content-visibility: hidden. Это означает, что сам элемент остаётся на странице на своём месте, скрыто только его содержимое.

Значение по умолчанию

По умолчанию атрибут выключен.

Пример

#until-found {
  color: #6666ff;
  border: 5px ridge #b3b3ff;
  background-color: #e6e6ff;
  height: 25px;
  width: 100px;
  padding: 10px;
  font-size: 25px;
}

<p><a href="#until-found">Найти текст</a></p>

<p hidden>Скрытый элемент</p>

<p id="until-found" hidden="until-found">текст</p>

<p>текст2</p>

Результат

Найти текст

текст2