当前位置： 移动技术网 > IT编程>网页制作>Html5 > HTML5的hidden属性兼容老浏览器的方法

HTML5的hidden属性兼容老浏览器的方法

2019年07月25日  | 移动技术网IT编程  | 我要评论
HTML5给我们带来了很多非常简单但却非常强大的HTML属性：placeholder, download, and autofocus，等等... 14-04-23
另外一个新出现的属性就是hidden属性。当一个网页元素有了hidden属性后，它的表现跟css的display: none;作用非常相似，元素将会消失，而且不占用任何页面空间。写法很简单：

复制代码
代码如下:

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

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

复制代码
代码如下:

*[hidden] { display: none; }


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

您可能感兴趣的文章:

如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网