关于HTML5的hidden属性
2013-07-26 14:30
197 查看
用法很简单:
<div hidden></div>这个属性的表现类似css的display:none,用了这个属性后,元素会被隐藏,块级元素也会折叠起来不再占位,也就是说,hidden和visible:hidden不一样。所以,对于不支持HTML5的浏览器来说,也可以做下简单的兼容:
也许有人会说既然visible:hidden可以做到为什么还要用要考虑兼容性的html5,这只是一种新的选择,具体怎样使用还要看实际需要,况且,未来迟早得是属于html5的~
<div hidden></div>这个属性的表现类似css的display:none,用了这个属性后,元素会被隐藏,块级元素也会折叠起来不再占位,也就是说,hidden和visible:hidden不一样。所以,对于不支持HTML5的浏览器来说,也可以做下简单的兼容:
*[hidden] { display: none; }这样就给所有带hidden属性的标签设置了display:none的样式。
也许有人会说既然visible:hidden可以做到为什么还要用要考虑兼容性的html5,这只是一种新的选择,具体怎样使用还要看实际需要,况且,未来迟早得是属于html5的~
相关文章推荐
- 关于HTML5的download属性
- 关于微信浏览器 设置遮罩层后 onverflow:hidden属性不起作用,仍然导致下层内容可滚动的解决办法
- 关于HTML5的data-*自定义属性的总结
- 关于CSS属性display:none和visible:hidden的区别
- 在selenium中设置html5 的hidden属性
- 关于html5的自定义属性(转)
- HTML5的hidden属性兼容老浏览器的方法
- 关于HTML5属性placeHolder在手机浏览器不兼容问题
- 验证HTML5的hidden属性
- sad 关于一些html5新属性还需要用https才能支持
- 关于HTML5 data-*属性的几个坑
- HTML5----hidden属性
- 关于HTML5的一些属性
- Maya 属性关于 writable, readable, connectable, hidden 的一些说明
- 关于opacity:0、visibility:hidden、display:none三个属性的比较以及拓展
- 关于CSS属性display:none和visible:hidden的区别
- 转载一篇关于HTML5 data-* 自定义属性的文章
- 关于自定义view的属性的深入理解!
- 关于ScrollView的一些属性设置
- HTML5新增标签和属性