HTML 是内容展示带有语义，CSS 是界面样式相关。
那么 hidden 这个属性，就表示与浏览者不相关、不重要，浏览器在解析的时候，既然不相关就直接隐藏掉了。如果你有些东西与用户不相关，比如 提交信息的 input 等，就可以用 hidden。
display none 就是从界面、视觉上的隐藏。如果你需要临时隐藏一些东西后面会再切换出来，比如 下拉菜单 等，就可以用 display none。因为它不是跟用户不相关，只是目前还不能展示出来。
那么 hidden 这个属性，就表示与浏览者不相关、不重要，浏览器在解析的时候，既然不相关就直接隐藏掉了。如果你有些东西与用户不相关，比如 提交信息的 input 等，就可以用 hidden。
display none 就是从界面、视觉上的隐藏。如果你需要临时隐藏一些东西后面会再切换出来，比如 下拉菜单 等，就可以用 display none。因为它不是跟用户不相关，只是目前还不能展示出来。
作者：于江水
链接：https://www.zhihu.com/question/35952297/answer/65214366
来源：知乎
著作权归作者所有，转载请联系作者获得授权。