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动画之利用requestAnimationFrame触发重新播放功能
Sep 11 HTML / CSS
35款精致的 CSS3 和 HTML5 网页模板 推荐
Aug 03 HTML / CSS
CSS3盒子模型详解
Apr 24 HTML / CSS
CSS3中的@keyframes关键帧动画的选择器绑定
Jun 13 HTML / CSS
CSS3实现文本垂直排列的方法
Jul 10 HTML / CSS
使用CSS3实现字体颜色渐变的实现
Aug 10 HTML / CSS
HTML5计时器小例子
Oct 15 HTML / CSS
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
Sep 19 HTML / CSS
html5手机键盘弹出收起的处理
Jan 20 HTML / CSS
HTML5 实现图片上传预处理功能
Feb 06 HTML / CSS
canvas实现图片镜像翻转的2种方式
Jul 22 HTML / CSS
html form表单基础入门案例讲解
Jul 15 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获取当前文件所在目录 getcwd()函数
2009/05/13 PHP
php将数据库导出成excel的方法
2010/05/07 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
2018/02/06 PHP
Laravel使用原生sql语句并调用的方法
2019/10/09 PHP
Javascript动态绑定事件的简单实现代码
2010/12/25 Javascript
$.getJSON在IE下失效的原因分析及解决方法
2013/06/16 Javascript
JavaScript中的alert()函数使用技巧详解
2014/12/29 Javascript
基于jquery实现人物头像跟随鼠标转动
2015/08/23 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
2015/11/30 Javascript
JavaScript面向对象之私有静态变量实例分析
2016/01/14 Javascript
js操作数据库实现注册和登陆的简单实例
2016/05/26 Javascript
详解js实现线段交点的三种算法
2016/08/09 Javascript
Vue.js 表单校验插件
2016/08/14 Javascript
JavaScript里 ==与===区别详解
2016/08/16 Javascript
JS验证图片格式和大小并预览的简单实例
2016/10/11 Javascript
利用JS实现文字的聚合动画效果
2017/01/22 Javascript
详解angularjs结合pagination插件实现分页功能
2017/02/10 Javascript
详解vue跨组件通信的几种方法
2017/06/15 Javascript
JavaScript 中Date对象的格式化代码方法汇总
2017/09/06 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
[06:07]辉夜杯现场观众互动 “比谁远送显示器”
2015/12/26 DOTA
一键搞定python连接mysql驱动有关问题(windows版本)
2016/04/23 Python
对python中dict和json的区别详解
2018/12/18 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
解决virtualenv -p python3 venv报错的问题
2021/02/05 Python
Python Selenium操作Cookie的实例方法
2021/02/28 Python
香港永安旅游网:Wing On Travel
2017/04/10 全球购物
Rhone官方网站:男士运动服装、健身服装和高级运动服
2019/05/01 全球购物
中专生求职自荐信范文
2013/12/22 职场文书
2014预防青少年违法犯罪工作总结
2014/12/10 职场文书
研究生给导师的自荐信
2015/03/06 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python
Redis 配置文件重要属性的具体使用
2021/05/20 Redis