HTML5的hidden属性兼容老浏览器的方法_html5教程技巧
程序员文章站
2022-04-24 20:20:41
...
另外一个新出现的属性就是hidden属性。当一个网页元素有了hidden属性后,它的表现跟CSS的display: none;作用非常相似,元素将会消失,而且不占用任何页面空间。写法很简单:
You can't see me!
如果你使用的是老式浏览器,不支持这个属性,你可以在CSS里添加下面的代码来支持它::
*[hidden] { display: none; }
那么,为什么要用hidden属性呢?意义在于语义上更有意义,对代码的可读性有提升。而且相对于CSS里的display:none,字面上更简单!
复制代码
代码如下:You can't see me!
如果你使用的是老式浏览器,不支持这个属性,你可以在CSS里添加下面的代码来支持它::
复制代码
代码如下:*[hidden] { display: none; }
那么,为什么要用hidden属性呢?意义在于语义上更有意义,对代码的可读性有提升。而且相对于CSS里的display:none,字面上更简单!
推荐阅读
-
让IE9以下版本的浏览器兼容HTML5的方法
-
HTML5的hidden属性兼容老浏览器的方法
-
html5通过postMessage进行跨域通信的方法_html5教程技巧
-
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载_html5教程技巧
-
html5新增的属性和废除的属性简要概述_html5教程技巧
-
使用js检测浏览器是否支持html5中的video标签的方法_javascript技巧
-
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载_html5教程技巧
-
使用js检测浏览器是否支持html5中的video标签的方法_javascript技巧
-
HTML5 微格式和相关的属性名称_html5教程技巧
-
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法_html5教程技巧