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解决移动页面上点击链接触发色块的问题
Jun 03 HTML / CSS
在css3中background-clip属性与background-origin属性的用法介绍
Nov 13 HTML / CSS
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
Apr 03 HTML / CSS
HTML5中Canvas与SVG的画图原理比较
Jan 16 HTML / CSS
谷歌浏览器小字体处理方案即12px以下字体
Dec 17 HTML / CSS
HTML5标签大全
Nov 23 HTML / CSS
通过HTML5规范搞定i、em、b、strong元素的区别
Mar 04 HTML / CSS
html5组织内容_动力节点Java学院整理
Jul 10 HTML / CSS
html5.2 dialog简介详解
Feb 27 HTML / CSS
html5使用canvas压缩图片的示例代码
Sep 11 HTML / CSS
Html5饼图绘制实现统计图的方法
Aug 05 HTML / CSS
html2 canvas svg不能识别的解决方案
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
thinkPHP5.0框架独立配置与动态配置方法
2017/03/17 PHP
利用ajax和PHP实现简单的流程管理
2017/03/23 PHP
JS 自动安装exe程序
2008/11/30 Javascript
Jquery 表单取值赋值的一些基本操作
2009/10/11 Javascript
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
javascritp添加url参数将参数加入到url中
2014/09/25 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
2016/07/14 Javascript
vue-scroller记录滚动位置的示例代码
2018/01/17 Javascript
简单说说angular.json文件的使用
2018/10/29 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
2019/01/27 Javascript
javascript浅层克隆、深度克隆对比及实例解析
2020/02/09 Javascript
[00:20]TI9观赛名额抽取Ⅱ
2019/07/24 DOTA
Python基础教程之tcp socket编程详解及简单实例
2017/02/23 Python
Python3中条件控制、循环与函数的简易教程
2017/11/21 Python
pandas数据预处理之dataframe的groupby操作方法
2018/04/13 Python
基于TensorFlow中自定义梯度的2种方式
2020/02/04 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
Python实现Canny及Hough算法代码实例解析
2020/08/06 Python
python二维图制作的实例代码
2020/12/03 Python
python3 使用ssh隧道连接mysql的操作
2020/12/05 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
【HTML5】Canvas绘制简单图片教程
2016/05/13 HTML / CSS
2019年Java 最常见的 面试题
2016/10/19 面试题
.NET初级开发工程师面试题(包括Javascript)
2012/08/22 面试题
土建资料员岗位职责
2014/01/04 职场文书
十佳护士获奖感言
2014/02/18 职场文书
家长写给老师的建议书
2014/03/13 职场文书
社区网格化管理实施方案
2014/03/21 职场文书
2014年音乐教师工作总结
2014/12/03 职场文书
公积金接收函格式
2015/01/30 职场文书
社区活动总结范文
2015/05/07 职场文书
党风廉政建设心得体会
2019/05/21 职场文书
Javascript 解构赋值详情
2021/11/17 Javascript
python中pymysql包操作数据库方法
2022/04/19 Python