表示「なし」と可視性「非表示」

表示「なし」と可視性「非表示」の違いは何ですか?
HTML 要素に属性「visibility: hidden」を使用すると、Web ページから非表示になりますが、それでもスペースを占有します. HTML 要素に属性「display: none」を使用すると非表示になり、Web ページのスペースも占有しません.

それを覚えて:

display: none;

と

visibility: hidden;