HTML5的hidden属性怎么兼容老浏览器

本篇内容介绍了“HTML5的hidden属性怎么兼容老浏览器”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

另外一个新出现的属性就是hidden属性。当一个网页元素有了hidden属性后,它的表现跟CSS的display: none;作用非常相似,元素将会消失,而且不占用任何页面空间。写法很简单:

代码如下:


<div hidden>
You can't see me!
</div>


如果你使用的是老式浏览器,不支持这个属性,你可以在CSS里添加下面的代码来支持它::

代码如下:


*[hidden] { display: none; }



那么,为什么要用hidden属性呢?意义在于语义上更有意义,对代码的可读性有提升。而且相对于CSS里的display:none,字面上更简单!

“HTML5的hidden属性怎么兼容老浏览器”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!