在開發網頁時，有時需要隱藏一些元素，比如隱藏一些內容等等。這時可以使用CSS來實現元素的隱藏。但是有些時候，我們還需要讓被隱藏的元素在頁面中不會渲染，這時需要使用display:none或者visibility:hidden來實現元素的隱藏。

// 使用display:none來隱藏元素，被隱藏的元素不會在頁面中渲染
.hidden {
display: none;
}
// 使用visibility:hidden來隱藏元素，被隱藏的元素占用了在頁面中的位置
.hidden {
visibility: hidden;
}

兩種情況中，使用display:none會讓被隱藏的元素不會在頁面中分配空間，從而不會影響其他元素的布局，更適用于需要完全隱藏元素的情況。而使用visibility:hidden雖然讓被隱藏的元素占用了在頁面中的位置，但是元素在頁面中不可見，這樣可以在需要保留其他元素的布局的情況下來隱藏元素。

需要注意的是，被隱藏的元素在使用JavaScript操作頁面時，雖然不會在頁面中渲染，但是依然可以通過JavaScript來獲取或操作它。