为什么对 HTML 中的文本使用 display:hidden 被认为是不好的做法？

Question

我最近看到这个教程，它使用 CSS 背景图像来显示网页徽标，而不是使用 HTML 标签。包含徽标的 div 内有一个占位符文本，为了使该文本消失，作者使用了text-indent:-9999px而不是display:hidden，因为他说使用后者是不好的做法。

那么，为什么它被认为是不好的做法呢？

Answer 1

display:none因为有时屏幕阅读器和搜索引擎会忽略带有或visibility:hidden不包含出于搜索引擎优化和/或语音目的而位于屏幕外的元素。然而，这两种方法是否是“不好的做法”并不是真正的全行业共识，更多的是取决于作者对这些工具的真正了解以及他们对网站的目标是什么。

另请记住，该建议至少已有 5 年历史，并且事情会随着时间而变化，因此当时的“最佳实践”现在不一定是最佳实践。

因此，弄清楚您想要实现的目标，然后考虑您的选择，在我看来，这是“最佳实践”。