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


Posted in HTML / CSS onApril 23, 2014

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

复制代码
代码如下:

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

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

复制代码
代码如下:

*[hidden] { display: none; }

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

HTML / CSS 相关文章推荐
基于CSS3特效之动画:animation的应用
May 09 HTML / CSS
CSS3文本换行word-wrap解决英文文本超过固定宽度不换行
Oct 10 HTML / CSS
一款纯css3实现的非常实用的鼠标悬停特效演示
Nov 05 HTML / CSS
CSS3+JavaScript实现炫酷呼吸效果的示例代码
Jun 15 HTML / CSS
CSS3制作皮卡丘动画壁纸的示例
Nov 02 HTML / CSS
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
Jan 30 HTML / CSS
HTML5验证以及日期显示的实现详解
Jul 05 HTML / CSS
用HTML5实现鼠标滚轮事件放大缩小图片的功能
Jun 25 HTML / CSS
深入浅析HTML5中的SVG
Nov 27 HTML / CSS
在HTML5中使用MathML数学公式的简单讲解
Feb 19 HTML / CSS
手对手的教你用canvas画一个简单的海报的方法示例
Dec 10 HTML / CSS
canvas绘制太极图的实现示例
Apr 29 HTML / CSS
HTML5中的Scoped属性使用实例
Apr 23 #HTML / CSS
HTML5添加鼠标悬浮音响效果不使用FLASH
Apr 23 #HTML / CSS
html5菜单折纸效果
Apr 22 #HTML / CSS
html5读取本地文件示例代码
Apr 22 #HTML / CSS
使用html5制作loading图的示例
Apr 14 #HTML / CSS
html5的canvas元素使用方法介绍(画矩形、画折线、圆形)
Apr 14 #HTML / CSS
html5图片上传预览示例分享
Apr 14 #HTML / CSS
You might like
PHP 开源AJAX框架14种
2009/08/24 PHP
php基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
PHP-FPM实现性能优化
2016/03/31 PHP
php车辆违章查询数据示例
2016/10/14 PHP
php使用PDO获取结果集的方法
2017/02/16 PHP
php实现的mongoDB单例模式操作类
2018/01/20 PHP
win7 wamp 64位 php环境开启curl服务遇到的问题及解决方法
2018/09/16 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
AutoSave/自动存储功能实现
2007/03/24 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
2013/07/04 Javascript
jquery实现盒子下拉效果示例代码
2013/09/12 Javascript
JS截取字符串常用方法整理及使用示例
2013/10/18 Javascript
js 跳出页面的frameset框架示例介绍
2013/12/23 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
2015/02/02 Javascript
简单谈谈ES6的六个小特性
2016/11/18 Javascript
关于Vue.js一些问题和思考学习笔记(1)
2016/12/02 Javascript
基于JavaScript实现窗口拖动效果
2017/01/18 Javascript
详解redis在nodejs中的应用
2018/05/02 NodeJs
如何手动实现es5中的bind方法详解
2018/12/07 Javascript
详解JavaScript 新语法之Class 的私有属性与私有方法
2019/04/23 Javascript
微信小程序开发实现消息推送
2020/11/18 Javascript
vue实现条件叠加搜索的解决方法
2019/05/28 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
原生JS实现拖拽效果
2020/12/04 Javascript
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
[01:26]神话结束了,却也刚刚开始——DOTA2新英雄玛尔斯驾临战场
2019/03/10 DOTA
谈谈Python中的while循环语句
2019/03/10 Python
PyQt5实现简易计算器
2020/05/30 Python
详解如何用TensorFlow训练和识别/分类自定义图片
2019/08/05 Python
Django中使用session保持用户登陆连接的例子
2019/08/06 Python
计算pytorch标准化(Normalize)所需要数据集的均值和方差实例
2020/01/15 Python
基于css3仿造window7的开始菜单
2010/06/17 HTML / CSS
篮球社团活动总结
2014/06/27 职场文书
2015年高一班主任工作总结
2015/05/13 职场文书
mysql脏页是什么
2021/07/26 MySQL
Vue+TypeScript中处理computed方式
2022/04/02 Vue.js