如何在html中让元素隐藏

  介绍

本篇文章给大家分享的是有关如何在html中让元素隐藏,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

html有什么特点

1,简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。   2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证只         3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。         4,通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

<强> HTML元素的隐藏方式

1.显示:没有,

特点:真正的隐藏元素。

(1)将元素的显示属性设置为没有能够确保元素不可见,

(2)使用这个属性,被隐藏元素不占用任何空间;

(3)使用显示:没有隐藏元素,不能直接跟用户进行交互操作

(另外,使用读屏软件也不能读取到元素的内容,这种隐藏方式就像元素完全不存在一样)

(4)任何这个隐藏元素的后代元素也会被隐藏;

(5)但是,可以通过JS中DOM的操作访问到这个被隐藏的元素,也可以通过DOM对它进行操作。

2。溢出:隐藏的;

原理:将元素位置设置到父元素的外面。

3。设置元素的宽高等盒子模型的属性值为0。

4。利用定位隐藏元素。

优点:只要通过将元素的左和上设置足够大的复数(这个元素可以跟用户进行交互);

缺点:仍然可以使用读屏软件读取元素的内容。

5。透明度:设置元素透明度为0。

特点:将元素的透明度设置为0,只是从视觉隐藏元素,元素本身的位置仍然存在,也可以跟用户进行交互。

6。可见性:设置元素是否可见。

默认为:可见(可见);

隐藏(不可见):隐藏。

特点:隐藏元素,但是会保留元素的位置。

如何在html中让元素隐藏