HTML5的hidden属性兼容老浏览器的方法_html5教程技巧-自学php网

主页 > 前端 > html5 >

HTML5的hidden属性兼容老浏览器的方法_html5教程技巧

来源：自学PHP网时间：2015-01-26 11:14 作者：阅读:次

[导读] HTML5给我们带来了很多非常简单但却非常强大的HTML属性：placeholder, download, and autofocus，等等...

HTML5给我们带来了很多非常简单但却非常强大的HTML属性：placeholder, download, and autofocus，等等

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

复制代码

代码如下:

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

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

复制代码

代码如下:

*[hidden] { display: none; }

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

HTML5中的Scoped属性使用实例_html5教程技巧_

HTML5里的placeholder属性使用实例和美化显示效果的

最新评论

加载更多~~

添加评论

更多文章推荐

html5的新增的标签和废除的标签简要概述_html5教程 2015-01-26
HTML5 Canvas的内容保存为图片如何借助toDataURL实现 2015-07-21
HTML5 Web Workers之网站也能多线程的实现_html5教程技 2015-01-26
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码 2015-01-26
html5记忆翻牌游戏实现思路及代码_html5教程技巧 2015-01-26
HTML5 Canvas鼠标与键盘事件demo示例_html5教程技巧 2015-01-26
html5使用canvas实现跟随光标跳动的火焰效果_html 2015-01-26
推荐35款精致的 CSS3 和 HTML5 网页模板 2014-10-22
HTML5 input元素类型：email及url介绍_html5教程技巧 2015-01-26
HTML5 Web Database 数据库的SQL语句的使用方法_html5教 2015-01-26

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com



添加评论