我发现了许多不同的方法来隐藏我的HTML文档中的部分DOM。虽然我无法找到隐藏代码的方法之间差异的明确解释。
使用CSS的两种方式:" visibility: hidden;
"和" display: none;
"。其他两个选项在HTML文档中:使用" hidden
"或" aria-hidden
"。
这4个选项之间究竟有什么区别?他们是否都以同样的方式隐藏代码'?
答案 0 :(得分:4)
http://www.w3schools.com/css/css_display_visibility.asp
display:none;
:该元素将被隐藏,页面将显示为该元素不存在。
visibility:hidden;
也隐藏了一个元素。但是,该元素仍将占用与以前相同的空间。
据我所知,hidden
与display:none
的功能相同,它只是一个HTML5快捷方式。请注意,它在IE中不可用< 11.
aria-hidden
根本不隐藏。它为残疾人提供了一个暗示。在支持浏览器和支持辅助技术的同时,内容不会通过辅助技术(屏幕阅读器等)传达给用户。