可通过css display:none、visibility:hidden、opacity:0、html hidden属性或document.write等方法隐藏html元素或页面内容，各方法在布局占用、交互响应和语义性上有所不同。
如果您希望在网页中隐藏某个HTML元素或整个页面内容，可以通过多种方式实现视觉上的“关闭”效果。以下是几种常用的技术方法：
一、使用CSS display属性隐藏元素
通过将display属性设置为none，可以让元素完全从文档流中移除，不占用空间且不可见。
1、在HTML中为需要隐藏的元素添加一个class，例如
。
2、在对应的css样式中定义该class：.hidden-element { display: none; }。
立即学习“前端免费学习笔记（深入）”；
3、如需动态控制，可通过javaScript修改元素的style.display值：element.style.display = ‘none’。
二、使用CSS visibility属性隐藏元素
visibility属性保留元素在布局中的原始空间，仅使其不可见，适用于需要维持页面结构不变的场景。
1、为元素设置visibility样式：.invisible-element { visibility: hidden; }。
2、在javascript中控制显示状态：element.style.visibility = ‘hidden’。
3、恢复显示时使用：element.style.visibility = ‘visible’。
三、使用CSS opacity属性实现透明化隐藏
opacity设置为0可使元素完全透明，但仍响应事件并占据布局空间，适合配合过渡动画使用。
1、定义透明样式：.fade-out { opacity: 0; transition: opacity 0.3s; }。
传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目，如果修改栏目，需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML，安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据，安装时可选择演示安装或全新安装。如果全新安装，后台内容充实后，首页才能完全显示出来。（全新安装后可以删除演示数据用到的图片，目录在https://
0 
2、通过JavaScript添加该类：element.classlist.add(‘fade-out’)。
3、移除类以恢复可见：element.classList.remove(‘fade-out’)。
四、使用HTML hidden属性控制元素可见性
hidden是html5原生布尔属性，浏览器会自动应用display: none样式，语义明确且无需额外CSS。
1、直接在元素上添加hidden属性：
。
2、通过JavaScript设置属性：element.hidden = true。
3、取消隐藏：element.hidden = false。
五、通过iframe或document.write模拟页面级关闭
对整个页面内容进行替换或清空，可达到类似“关闭页面显示”的效果，但不涉及实际跳转或刷新。
1、清空body所有子节点：document.body.innerHTML = ”。
2、使用document.write覆盖当前页面：document.write(‘
‘)。
3、若在iframe中嵌入页面，可通过设置iframe.src为空字符串或about:blank来清除其内容：iframeElement.src = ‘about:blank’。