Выбор ответа Middle Рендеринг страницы обновлено
display: none и visibility: hidden
Вопрос
Чем display: none отличается от visibility: hidden с точки зрения рендеринга?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: display: none убирает элемент из layout, visibility: hidden оставляет место. Элемент с display: none не участвует в layout и не занимает места.
Варианты ответа
- Ничем: оба свойства убирают элемент из layout и не дают ему занимать место
visibility: hiddenудаляет элемент из DOM, аdisplay: noneтолько прячетdisplay: noneоставляет место под элемент, аvisibility: hiddenнетdisplay: noneубирает элемент из layout,visibility: hiddenоставляет местоправильный ответ
Разбор
Элемент с display: none не участвует в layout и не занимает места. С visibility: hidden блок занимает своё место, просто не рисуется. Ни одно из свойств не удаляет узел из DOM. Третий вариант путает их местами.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.