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实现粒子旋转伸缩加载动画
Apr 22 HTML / CSS
让IE可以变相支持CSS3选择器
Jan 21 HTML / CSS
CSS3中的Transition过度与Animation动画属性使用要点
May 20 HTML / CSS
CSS3 旋转立方体问题详解
Jan 09 HTML / CSS
HTML5安全介绍之内容安全策略(CSP)简介
Jul 10 HTML / CSS
使用html5+css3来实现slider切换效果告别javascript+css
Jan 08 HTML / CSS
HTML5 Notification(桌面提醒)功能使用实例
Mar 17 HTML / CSS
html5自定义video标签的海报与播放按钮功能
Dec 04 HTML / CSS
canvas实现图片镜像翻转的2种方式
Jul 22 HTML / CSS
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
May 10 HTML / CSS
css实现两栏布局,左侧固定宽,右侧自适应的多种方法
Aug 07 HTML / CSS
table不让td文字溢出操作方法
Dec 24 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
我的论坛源代码(六)
2006/10/09 PHP
PHP数据流应用的一个简单实例
2012/09/14 PHP
PHP使用flock实现文件加锁的方法
2015/07/01 PHP
php 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
discuz论坛更换域名,详细文件修改步骤
2020/12/09 PHP
说说掌握JavaScript语言的思想前提想学习js的朋友可以看看
2009/04/01 Javascript
也说JavaScript中String类的replace函数
2011/09/22 Javascript
jQuery UI Autocomplete 体验分享
2012/02/14 Javascript
简单实用的全选反选按钮例子
2013/10/18 Javascript
ExtJS[Desktop]实现图标换行示例代码
2013/11/17 Javascript
jQuery获得内容和属性方法及示例
2013/12/02 Javascript
JQuery打造省市下拉框联动效果
2014/05/18 Javascript
使用typeof判断function是否存在于上下文
2014/08/14 Javascript
BootStrap表单验证实例代码
2017/01/13 Javascript
JS实现给json数组动态赋值的方法示例
2020/03/19 Javascript
浅谈Vuejs Prop基本用法
2017/08/17 Javascript
浅谈Webpack自动化构建实践指南
2017/12/18 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
2019/03/06 Javascript
使用 js 简单的实现 bind、call 、aplly代码实例
2019/09/07 Javascript
JS前端模块化原理与实现方法详解
2020/03/17 Javascript
[01:28]2014DOTA2国际邀请赛中国区预选赛四大豪门直升机抵达会场
2014/05/24 DOTA
基于python实现的抓取腾讯视频所有电影的爬虫
2016/04/22 Python
python开发简易版在线音乐播放器
2017/03/03 Python
Django框架教程之正则表达式URL误区详解
2018/01/28 Python
python中返回矩阵的行列方法
2018/04/04 Python
python使用代理ip访问网站的实例
2018/05/07 Python
python使用matplotlib绘制热图
2018/11/07 Python
详解python读取image
2019/04/03 Python
python3爬虫学习之数据存储txt的案例详解
2019/04/24 Python
图文详解python安装Scrapy框架步骤
2019/05/20 Python
攀岩、滑雪、徒步旅行装备:Black Diamond Equipment
2019/08/16 全球购物
农村葬礼主持词
2014/03/31 职场文书
初二学生评语大全
2014/12/26 职场文书
2015年高中生国庆节演讲稿
2015/07/30 职场文书
vue css 相对路径导入问题级踩坑记录
2022/06/05 Vue.js