这些隐藏HTML文档中各节的方法有何不同?

时间:2015-11-17 14:24:10

标签: css html5

我发现了许多不同的方法来隐藏我的HTML文档中的部分DOM。虽然我无法找到隐藏代码的方法之间差异的明确解释。

使用CSS的两种方式:" visibility: hidden;"和" display: none;"。其他两个选项在HTML文档中:使用" hidden"或" aria-hidden"。

这4个选项之间究竟有什么区别?他们是否都以同样的方式隐藏代码'?

1 个答案:

答案 0 :(得分:4)

http://www.w3schools.com/css/css_display_visibility.asp

display:none;:该元素将被隐藏,页面将显示为该元素不存在。

visibility:hidden;也隐藏了一个元素。但是,该元素仍将占用与以前相同的空间。

据我所知,hiddendisplay:none的功能相同,它只是一个HTML5快捷方式。请注意,它在IE中不可用< 11.

aria-hidden根本不隐藏。它为残疾人提供了一个暗示。在支持浏览器和支持辅助技术的同时,内容不会通过辅助技术(屏幕阅读器等)传达给用户。