我找到了许多不同的方法来隐藏我的 HTML 文档中的部分 DOM。尽管我找不到关于这些隐藏代码方式之间差异的明确解释。
使用 CSS 的两种方式:“visibility: hidden;
”和“display: none;
”。其他两个选项在 HTML 文档中:使用“hidden
”或“aria-hidden
”。
这 4 个选项之间到底有什么区别?他们都“以同样的方式”隐藏代码吗?
最佳答案
http://www.w3schools.com/css/css_display_visibility.asp
display:none;
:该元素将被隐藏,页面将显示为该元素不存在。
visibility:hidden;
也隐藏一个元素。但是,该元素仍将占用与以前相同的空间。
据我所知,hidden
和display:none
的作用是一样的,只是一个HTML5的快捷方式。请注意,它在 IE < 11 中不可用。
aria-hidden
根本不隐藏。它作为对残疾人的暗示。在支持浏览器和支持辅助技术的情况下,内容不会通过辅助技术(屏幕阅读器等)传达给用户。
关于css - 这些在 HTML 文档中隐藏部分的方法有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33768794/