HTML visibility属性用来控制元素在页面上的显示和隐藏。visibility属性有两个可取的值：visible和hidden。visible表示元素在页面上可见，hidden表示元素在页面上不可见。
在HTML中，我们可以通过添加style属性来控制元素的visibility属性。例如：
```html
这是可见的元素
这是隐藏的元素
```
visibility属性通常用于控制元素在页面加载时的初始状态。如果我们希望一个元素在页面加载时就是隐藏的，可以将其visibility属性设置为hidden。在需要显示该元素时，我们可以通过JavaScript或CSS来更改其visibility属性为visible。
隐藏一个元素的方式有很多种，visibility:hidden是其中之一。与display:none相比，visibility:hidden隐藏的元素仍然会占据页面上的空间，只是不可见而已。这点需要注意，有时候可能不希望隐藏的元素占据空间，这时可以选择display:none来隐藏元素。
visibility属性还可以与opacity属性一起使用，通过控制元素的不透明度来实现元素的淡入淡出效果。例如：
```html
这是一个淡入效果的元素
```
```css
@keyframes fadeIn {
from {
visibility: hidden;
opacity: 0;
}
to {
visibility: visible;
opacity: 1;
}
}
div {
animation: fadeIn 1s forwards;
}
```
在上面的例子中，通过CSS的@keyframes规则定义了一个fadeIn动画，通过控制元素的visibility和opacity属性实现了元素的淡入效果。
总的来说，HTML的visibility属性是一个很有用的属性，可以帮助我们控制元素在页面上的显示和隐藏。配合其他属性和技术，可以实现各种各样的效果，使页面更加生动和具有吸引力。