我最近看到这个教程,它使用 CSS 背景图像来显示网页的 Logo ,而不是使用 HTML 标记。在包含 Logo 的 div 中有一个占位符文本,为了使该文本消失,作者使用 text-indent:-9999px 而不是 display:hidden 因为他说使用后者是不好的做法。
那么,为什么它被认为是不好的做法?
最佳答案
因为有时屏幕阅读器和搜索引擎会忽略带有 display:none
或 visibility:hidden
的元素,但不会忽略那些出于 SEO 和/或语音目的而位于屏幕外的元素。然而,这两种方法是否是“不良做法”并不是真正的行业共识,更多的是一种偏好,这取决于作者对这些工具的真正了解以及他们对网站的目标。
另请记住,建议至少已有 5 年历史,而且情况会随着时间而变化,因此当时的“最佳实践”不会自动成为现在的最佳实践。
因此,弄清楚您想要实现的目标,然后考虑您的选择,这在我看来是“最佳实践”。
关于html - 为什么使用显示 :hidden for text in HTML? 被认为是不好的做法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18952248/