登录  /  注册
首页 > web前端 > H5教程 > 正文
html5中布尔属性的hidden
黄舟
发布: 2017-11-03 11:45:31
原创
2329人浏览过

实例

被隐藏的段落:

<p hidden>这个段落应该被隐藏。</p>
登录后复制

浏览器支持


IE

Firefox

Chrome

Safari

Opera

所有主流浏览器都支持 hidden 属性,除了 Internet Explorer。

定义和用法

hidden 属性是布尔属性。

如果设置该属性,它规定元素仍未或不再相关。

浏览器不应显示已规定 hidden 属性的元素。

hidden 属性也可用于防止用户查看元素,直到匹配某些条件(比如选择了某个复选框)。然后,JavaScript 可以删除 hidden 属性,以使此元素可见。

HTML 4.01 与 HTML5 之间的差异

hidden 属性是 HTML5 中的新属性。

HTML 与 XHTML 之间的差异

在 XHTML 中,属性简写是禁止的,hidden 属性必须定义为 <element hidden="hidden">。

语法

<element hidden>
登录后复制

HTML5给我们带来了很多非常简单但却非常强大的HTML属性:placeholder, download, and autofocus,等等。另外一个新出现的属性就是hidden属性。当一个网页元素有了hidden属性后,它的表现跟CSS的display: none;作用非常相似,元素将会消失,而且不占用任何页面空间。写法很简单:

<div hidden>
	You can't see me!</div>
登录后复制

如果你使用的是老式浏览器,不支持这个属性,你可以在CSS里添加下面的代码来支持它::

*[hidden] { display: none; }
登录后复制

那么,为什么要用hidden属性呢?意义在于语义上更有意义,对代码的可读性有提升。而且相对于CSS里的display:none,字面上更简单!


以上就是html5中布尔属性的hidden的详细内容,更多请关注php中文网其它相关文章!

相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网,和优秀的人一起学习!
全站2000+教程免费学