如何在html中让元素隐藏
本篇文章给大家分享的是有关如何在html中让元素隐藏,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
创新互联公司2013年成立,是专业互联网技术服务公司,拥有项目成都网站制作、网站建设、外贸网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元江都做网站,已为上家服务,为江都各地企业和个人服务,联系电话:028-86922220
html有什么特点
1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。 3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
HTML元素的隐藏方式
1.display:none;
特点: 真正的隐藏元素。
(1) 将元素的display属性设置为none能够确保元素不可见;
(2) 使用这个属性,被隐藏元素不占用任何空间;
(3) 使用display:none隐藏元素,不能直接跟用户进行交互操作
(另外,使用读屏软件也不能读取到元素的内容,这种隐藏方式就像元素完全不存在一样)
(4) 任何这个隐藏元素的后代元素也会被隐藏;
(5) 但是,可以通过JS中的DOM操作访问到这个被隐藏的元素,也可以通过DOM对它进行操作。
2.overflow: hidden;
原理: 将元素位置设置到父元素的外面。
3.设置元素的宽高等盒子模型的属性值为0。
4.利用定位隐藏元素。
优点:只要通过将元素的left和top设置足够大的复数 (这个元素可以跟用户进行交互);
缺点:仍然可以使用读屏软件读取元素的内容。
5.opacity:设置元素透明度为0。
特点: 将元素的透明度设置为0,只是从视觉隐藏元素,元素本身的位置仍然存在,也可以跟用户进行交互。
6.visibility: 设置元素是否可见。
默认为:visible(可见);
隐藏(不可见):hidden。
特点: 隐藏元素,但是会保留元素的位置。
以上就是如何在html中让元素隐藏,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
分享题目:如何在html中让元素隐藏
URL标题:http://azwzsj.com/article/pdepej.html