css - 这些在 HTML 文档中隐藏部分的方法有什么区别?

标签 css html

我找到了许多不同的方法来隐藏我的 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; 也隐藏一个元素。但是,该元素仍将占用与以前相同的空间。

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

aria-hidden 根本不隐藏。它作为对残疾人的暗示。在支持浏览器和支持辅助技术的情况下,内容不会通过辅助技术(屏幕阅读器等)传达给用户。

关于css - 这些在 HTML 文档中隐藏部分的方法有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33768794/

相关文章:

css - IE7 文本对齐不起作用

css - 对象适合响应图像

html - CSS 中的重叠 DIV

css - 两个 div 并排,没有容器

html - 放在远程服务器上时 CSS 文件不起作用

html - anchor 标记继承自非预期元素

jquery - show() 在 Firefox 中不工作,但在 Chrome 中工作

javascript - 如何在 React 中的切换开关组件内添加文本?

html - ListView 内的 Bootstrap 按钮不起作用

javascript - JS在列表框中添加按钮