我们已经知道了很多HTML5新增的属性,比如placeholder、download、autofocus等,还有个新的可能会常用的属性hidden,也是蛮好用的,这里简单介绍下~~
用法很简单:
1 2 3 |
<div hidden> You can't see me! </div> |
这个属性的表现类似css的display:none,用了这个属性后,元素会被隐藏,块级元素也会折叠起来不再占位,和visible:hidden不一样。所以,对于不支持HTML5的浏览器来说,也可以做下简单的兼容:
1 |
*[hidden] { display: none; } |
嗯,之前我们的通用做法是直接给目标元素一个style=”display:none”或者定义一个.none之类的选择器,现在我们又多了一种选择。是否好用,还要看项目实际需要吧~~
整理自:http://davidwalsh.name/html5-hidden
中文原文:
请尊重版权,转载请注明来源,多谢~~
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索display
, 属性
, 简单
, 元素
, hidden
好用
html hidden 属性、html的hidden属性、html hidden 属性无效、html5 hidden、html5 hidden value,以便于您获取更多的相关知识。