Как скрыть элемент в html

Каждый элемент веб-страницы обладает неким значением свойства display, назначаемым ему по умолчанию. Это может быть inline-block, block, table и так далее. Для того чтобы скрыть элемент с помощью свойства display, мы можем воспользоваться конструкцией display: none. Если элемент скрыт с помощью этой конструкции, то вместе с ним будут скрыты и все его потомки.

<p>Этот блок текста будет скрыт</p>

p {
  display: none;
}

Чтобы скрыть элемент в HTML, можно использовать следующие способы:

• Opacity: 0

<div>
    <span>Шрифт</span>
</div>

span{
  opacity: 0;
}

Это свойство делает прозрачным весь элемент целиком, включая его содержимое, а не только фон элемента.

• Атрибут hidden.

<div>
   <span hidden>Шрифт</span>
</div>

тот атрибут можно добавить к любому тегу, чтобы скрыть его от глаз пользователя. Важно знать, что элемент с атрибутом hidden становится невидим не только для пользователя, но и для скринридеров.