Чем отличается display: none от visibility: hidden в CSS?

Основное отличие свойств display: none и visibility: hidden в CSS заключается в том, как они скрывают элементы:

1. display: none полностью убирает элемент из документа. www.internet-technologies.ru Он больше не занимает места, даже несмотря на то, что ещё находится в исходном коде. www.internet-technologies.ru
2. visibility: hidden делает элемент невидимым, но он всё ещё остаётся на своём месте и занимает пространство. www.internet-technologies.ru

Таким образом, display: none полностью скрывает элемент со страницы, а visibility: hidden делает его невидимым, но сохраняет занимаемое им место. developer.roman.grinyov.name

При этом оба элемента с указанными свойствами доступны скриптам, так как в DOM-дереве никаких изменений не происходит. developer.roman.grinyov.name