HTML5的hidden属性

我们已经知道了很多HTML5新增的属性,比如placeholderdownloadautofocus等,还有个新的可能会常用的属性hidden,也是蛮好用的,这里简单介绍下

用法很简单:

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

这个属性的表现类似css的display:none,用了这个属性后,元素会被隐藏,块级元素也会折叠起来不再占位,和visible:hidden不一样。所以,对于不支持HTML5的浏览器来说,也可以做下简单的兼容:

 *[hidden] { display: none; }

嗯,之前我们的通用做法是直接给目标元素一个style=”display:none”或者定义一个.none之类的选择器,现在我们又多了一种选择。是否好用,还要看项目实际需要吧

整理自:http://davidwalsh.name/html5-hidden
中文原文:HTML5的hidden属性
请尊重版权,转载请注明来源,多谢~~