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 简单又实用的5个属性
Mar 04 HTML / CSS
css3中transition属性详解
Sep 02 HTML / CSS
css3实现椭圆轨迹旋转的示例代码
Oct 29 HTML / CSS
CSS3 不定高宽垂直水平居中的几种方式
Mar 26 HTML / CSS
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
Nov 17 HTML / CSS
webapp字号大小跟随系统字号大小缩放的示例代码
Dec 26 HTML / CSS
突袭HTML5之Javascript API扩展3—本地存储全新体验
Jan 31 HTML / CSS
基于HTML5 FileSystem API的使用介绍
Apr 24 HTML / CSS
24个canvas基础知识小结
Dec 17 HTML / CSS
html5视频常用API接口的实战示例
Mar 20 HTML / CSS
canvas绘制图片drawImage使用方法
Sep 15 HTML / CSS
CSS使用Flex和Grid布局实现3D骰子
Aug 05 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
E路文章系统PHP
2006/12/11 PHP
多个PHP中文字符串截取函数
2013/11/12 PHP
thinkphp的c方法使用示例
2014/02/24 PHP
php5.2 Json不能正确处理中文、GB编码的解决方法
2014/03/28 PHP
为数据添加append,remove功能
2006/10/03 Javascript
学习jquery之一
2007/04/27 Javascript
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
jQuery实现图像旋转动画效果
2016/05/29 Javascript
Javascript 6里的4个新语法
2016/08/25 Javascript
jQuery实现文字自动横移
2017/01/08 Javascript
关于JavaScript的单双引号嵌套问题
2017/08/20 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
2018/12/10 Javascript
详解js 创建对象的几种方法
2019/03/08 Javascript
jquery使用echarts实现有向图可视化功能示例
2019/11/25 jQuery
javascript用defineProperty实现简单的双向绑定方法
2020/04/03 Javascript
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
用vite搭建vue3应用的实现方法
2021/02/22 Vue.js
[03:58]兄弟们,回来开黑了!DOTA2昔日战友招募宣传视频
2016/07/17 DOTA
Python性能优化的20条建议
2014/10/25 Python
Python中输出ASCII大文字、艺术字、字符字小技巧
2015/04/28 Python
浅析Python中的join()方法的使用
2015/05/19 Python
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
Python3的urllib.parse常用函数小结(urlencode,quote,quote_plus,unquote,unquote_plus等)
2016/09/18 Python
Python实现Pig Latin小游戏实例代码
2018/02/02 Python
ipad上运行python的方法步骤
2019/10/12 Python
python GUI库图形界面开发之PyQt5计数器控件QSpinBox详细使用方法与实例
2020/02/28 Python
什么是python的列表推导式
2020/05/26 Python
CSS3绘制六边形的简单实现
2016/08/25 HTML / CSS
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
小松树教学反思
2014/02/11 职场文书
电子商务专业求职信
2014/07/10 职场文书
农村党员对照检查材料
2014/09/24 职场文书
2015年外联部工作总结
2015/04/03 职场文书
一些让Python代码简洁的实用技巧总结
2021/08/23 Python