Che differenza c’è tra display:none e visibility:hidden?

Utente HTML.it
chiede

Che differenza c’è tra display:none e visibility:hidden?

Redazione HTML.it
risponde

Con display:none un elemento non verrà reso e quindi non occuperà spazio nella pagina. Con visibility:hidden
un elemento non verrà mostrato, ma occuperà lo spazio di pagina proprio come se fosse visibile.