HTML: hidden
скрываем элемент только с помощью HTML

Знаете ли вы, что можно больше не вспоминать про CSS-cвойство display: none;
? Элемент можно скрыть с помощью HTML-атрибута hidden
. Этот метод выглядит более элегантно и поддерживает порядок в HTML-структуре страницы.
Использование атрибута hidden
в JavaScript позволяет динамически выводить на экран устройства или скрывать содержимое элемента, не прибегая к CSS.
<p>Эту строку Вы видите.</p>
<p hidden>Эту строку Вы не видите.</p>
Дополнительная информация на MDN
Спасибо за внимание.