HTML5 的 hidden="hidden" 和CSS的 display:none有什么区别?
来源:互联网 发布:电脑编程技巧和维护 编辑:程序博客网 时间:2024/05/23 02:04
HTML 是内容展示带有语义,CSS 是界面样式相关。
那么 hidden 这个属性,就表示与浏览者不相关、不重要,浏览器在解析的时候,既然不相关就直接隐藏掉了。如果你有些东西与用户不相关,比如 提交信息的 input 等,就可以用 hidden。
display none 就是从界面、视觉上的隐藏。如果你需要临时隐藏一些东西后面会再切换出来,比如 下拉菜单 等,就可以用 display none。因为它不是跟用户不相关,只是目前还不能展示出来。
那么 hidden 这个属性,就表示与浏览者不相关、不重要,浏览器在解析的时候,既然不相关就直接隐藏掉了。如果你有些东西与用户不相关,比如 提交信息的 input 等,就可以用 hidden。
display none 就是从界面、视觉上的隐藏。如果你需要临时隐藏一些东西后面会再切换出来,比如 下拉菜单 等,就可以用 display none。因为它不是跟用户不相关,只是目前还不能展示出来。
作者:于江水
链接:https://www.zhihu.com/question/35952297/answer/65214366
来源:知乎
著作权归作者所有,转载请联系作者获得授权。
0 0
- HTML5 的 hidden="hidden" 和CSS的 display:none有什么区别?
- CSS display:none和visibility:hidden的区别
- CSS display:none和visibility:hidden的区别
- CSS: display:none和visibility:hidden的区别
- CSS display:none和visibility:hidden的区别
- display:none和visibility:hidden的区别
- display:none和visibility:hidden的区别
- display:none 和visibility:hidden的区别
- visibility:hidden和display:none的区别
- visibility:hidden和display:none的区别
- display:none和visibility:hidden的区别
- display:none和visibility:hidden的区别?
- display:none和visibility:hidden的区别
- display:none;和visible:hidden的区别
- visibility:hidden和display:none的区别
- display:none和visibility:hidden的区别
- display:none和visibility:hidden的区别
- display:none和visibility:hidden的区别
- ECMAScript6(ES6)标准之解构赋值语法及应用
- Android ListView逐行插入数据
- Recyclerview实例二
- socket api常用整理
- Object.assign 学习
- HTML5 的 hidden="hidden" 和CSS的 display:none有什么区别?
- CCF计算机软件能力认证模拟试题(c/c++)
- c面试试卷
- java:Session(会话)机制详解
- OSGI企业应用开发(四)使用Blueprint整合Spring框架(一)
- oracle学习之:跟踪文件目录(User_Dump_Dest)生成脚本(11g/9i).txt
- EL表达式截取字符串
- Windows7 安装Docker
- join