Что такое display none

`display: none` — это CSS-свойство, которое полностью удаляет элемент из потока документа. Элемент не отображается на странице и не занимает место, как будто его нет в DOM. **Отличия от `visibility: hidden`:** - `visibility: hidden` скрывает элемент, но оставляет его место в разметке. - `display: none` полностью убирает элемент из визуального потока. **Пример:** ```html ``` ```css .hidden-element { display: none; /* Элемент невидим и не влияет на layout */ } ``` **Применение:** - Динамическое скрытие/показ элементов через JS. - Оптимизация рендеринга (например, скрытие неактивных вкладок). **Минусы:** - Если часто переключать `display: none`, это может вызвать рефлоу (пересчёт layout), что снижает производительность.