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画一个阴阳八卦图
Mar 09 HTML / CSS
CSS+jQuery实现的在线答题功能
Apr 25 HTML / CSS
CSS3 RGBA色彩模式使用实例讲解
Apr 26 HTML / CSS
CSS3实现多重边框的方法总结
May 31 HTML / CSS
CSS3实现内凹圆角的实例代码
May 04 HTML / CSS
用css3写出气球样式的示例代码
Sep 11 HTML / CSS
HTML5 placeholder属性详解
Jun 22 HTML / CSS
HTML5 placeholder(空白提示)属性介绍
Aug 07 HTML / CSS
HTML5 video 视频标签使用介绍
Feb 03 HTML / CSS
HTML5头部标签的一些常用信息小结
Oct 23 HTML / CSS
手把手教你实现一个canvas智绘画板的方法
Mar 04 HTML / CSS
h5页面唤起app如果没安装就跳转下载(iOS和Android)
Jun 03 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
overlord人气高涨,却被菲利普频繁举报,第四季很难在国内上映
2020/05/06 日漫
如何对PHP程序中的常见漏洞进行攻击
2006/10/09 PHP
PHP 网页过期时间的控制代码
2009/06/29 PHP
使用XHGui来测试PHP性能的教程
2015/07/03 PHP
功能强大的php分页函数
2016/07/20 PHP
php实现微信企业付款到个人零钱功能
2018/10/09 PHP
在Laravel的Model层做数据缓存的实现
2019/09/26 PHP
关于PHP5.6+版本“No input file specified”问题的解决
2019/12/11 PHP
laravel框架使用阿里云短信发送消息操作示例
2020/02/15 PHP
Javascript图像处理—为矩阵添加常用方法
2012/12/27 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
2014/06/01 Javascript
JavaScript实现查找字符串中第一个不重复的字符
2014/12/29 Javascript
jQuery中:focus选择器用法实例
2014/12/30 Javascript
浅谈$(document)和$(window)的区别
2015/07/15 Javascript
jQuery实现定时读取分析xml文件的方法
2015/07/16 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
2017/03/23 jQuery
jQuery自定义图片上传插件实例代码
2017/04/04 jQuery
详解如何使用 vue-cli 开发多页应用
2017/12/16 Javascript
angular6的table组件开发的实现示例
2018/12/26 Javascript
[02:53]DOTA2英雄基础教程 山岭巨人小小
2013/12/09 DOTA
[02:43]2014DOTA2国际邀请赛 官方Alliance战队纪录片
2014/07/14 DOTA
python基础教程之简单入门说明(变量和控制语言使用方法)
2014/03/25 Python
在Django框架中运行Python应用全攻略
2015/07/17 Python
在Python的Flask框架中构建Web表单的教程
2016/06/04 Python
django数据库自动重连的方法实例
2019/07/21 Python
python Xpath语法的使用
2020/11/26 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
伦敦最受欢迎的蛋糕店:Konditor & Cook
2019/11/01 全球购物
学校司机岗位职责
2013/11/14 职场文书
毕业生求职自荐信怎么写
2014/01/08 职场文书
社区工作者思想汇报
2014/01/13 职场文书
工作会议欢迎词
2014/01/16 职场文书
工作鉴定评语
2014/05/04 职场文书
Go使用协程交替打印字符
2021/04/29 Golang
Win7/8.1用户可以免费升级到Windows 11系统吗?
2021/11/21 数码科技