Выбор ответа Junior Что происходит при вводе адреса обновлено
Что попадает в render tree
Вопрос
Какой элемент не попадёт в render tree?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Элемент с display: none. display: none полностью убирает элемент из render tree: он не занимает места и не рисуется. visibility: hidden и opacity: 0 оставляют элемент в дереве, он участвует в layout и занимает место.
Варианты ответа
- Элемент с
visibility: hidden - Элемент с
display: noneправильный ответ - Элемент с
opacity: 0 - Элемент за пределами экрана, ниже первого экрана
Разбор
display: none полностью убирает элемент из render tree: он не занимает места и не рисуется. visibility: hidden и opacity: 0 оставляют элемент в дереве, он участвует в layout и занимает место. Элементы ниже экрана тоже в дереве, просто не видны во вьюпорте.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Термины по теме
Ещё по теме «Что происходит при вводе адреса»
- async и defer
- Почему CSS блокирует рендер
- ALPN
- Critical rendering path
- TTL в DNS
- HSTS при вводе адреса
- Что даёт preconnect
- Сколько RTT до первого байта запроса